Question

AHHH！我在HTML文件中询问了一个关于空白的问题，并在几天前回答：Strange Bottom Margin/Whitespace added to <ul>。但是现在我使用原始文件中的大部分代码创建的第二个页面遇到了同样的问题。布局略有不同，但侧边栏在HTML和CSS中都没有改变。但是，现在我的BLOGROLL div中有空格，我仍然不知道为什么会发生这种情况。如果没有为什么我无法自行修复，我可以按照特定实例的指示进行操作。任何帮助和对如何发生这种情况的良好解释的推动都会有所帮助。

我的侧边栏中显示的是底部有额外的空格，大约150px的空白空间在我可以找到的任何地方都没有定义。看来，当我在主要内容部分中添加段落时，这些p会将我的Blogroll div推向侧边栏。我想知道我的CSS中是否有一个冲突的规则，但是也找不到。我把头发拉到这里是因为这似乎应该是直接修复，但边缘底部：0，填充底部：0，定义高度，似乎没有任何工作来修复它，Firebug甚至没有显示空格为边距或填充。当我在主要内容部分添加段落时，错误似乎只是浮出水面。

非常感谢任何帮助或建议。

以下是我的CSS和HTML的片段以及指向该网站的链接。

www.niagarathistle.com/clients/weekendhousewife/post.html

尝试发布我的代码，但不断收到错误，说我发布了图片。没有张贴图片，甚至删除了我的HTMl中的所有img标签以及我的CSS中的所有url调用 - 仍然出现错误。 SOOO，如果有人愿意回答我的问题，请查看上面的URL中的源代码和www.niagarathistle.com/clients/weekendhousewife/css/styles.css上的CSS，请告诉我，我很乐意转发一个文本文件或尝试再次发布。

Answer 1

在您的blogroll div上方是一个<hr>标记，该标记在styles.css第114行使用以下规则清除

clear: both;

这是清除主内容div上的浮动内容，因此它会将所有内容推到您的content_container div下面的<hr>下方。您应该可以通过移除<hr>，移除clear:both;或专门设置clear:none;上的<hr>

来解决此问题。

我建议在第114行下面添加以下规则：

#sidebar hr {clear:none;}

Answer 2

再一次出现浮动问题。以下解决方案适用于两个站点。

css更改：从clear: left的css定义中删除float: left和fieldset, fieldset ol li fieldset。

fieldset, fieldset ol li fieldset {
    background-color: transparent;
    border: medium none;
    margin: 0 0 15px;
    padding: 0;
    position: relative;
    width: 100%;
}

html更改：使用div移除class "clearfix"中div的{{1}}。

id "blogroll"

CSS：奇怪的底部边距/空白添加到<ul> </ul>

2 个答案: