空間在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

這樣的：

添加類clearfix到div.header：

<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限制在特定的高度可以解決它。