Firefox中的内容空间

Question

如果您在Firefox 3.6中访问此页面：

http://unirazz.com/images/ww/home.html

有超过内容大约10px的空间。

是什么造成了这个额外的空间？

Answer 1

我玩弄它并且通过关闭所有事情的“页脚”类的规则margin: 10px 0;，我能够消除一点空间。 （我对此深感困惑。）

Answer 2

问题在于这一行：

<div class="clear"></div>

div.header

内的

明确：两者在它的CSS中会产生问题。

删除此标记，改为使用clearfix

像这样：

向div.header添加类clearfix：

<div class="header clearfix">

然后将这些行添加到您的css：

.clearfix:after {
content: "";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.clearfix {
    display: inline-block;
}
html[xmlns] .clearfix {
    display: block;
}
* html .clearfix {
    height: 1%;
}

请仔细注意第二行： 内容：“”;

Answer 3

Firefox与页面上的边距混淆。您可以使用以下方法修复它：

div.content {
   padding: 1px 30px;
}

Answer 4

我也可能是一个重叠的div，正在推动内容div。在我的情况下，将上部div限制到特定高度解决了它。