HTML/CSS Firefox的问题

Question

看看顶部菜单上的Firefox这两个页面：

http://outsidemma.com/2010/100031-bj-penn-the-prodigy-jay-dee.php

http://outsidemma.com/index.php

在出于某种原因，第一页有它上面的一些额外的空间。

这只发生在Firefox上。我正在使用Firefox 3.6。

Answer 1

你的问题是在这里：

.clearfix:after { 
    clear:both; 
    content:" "; 
    display:block; 
    font-size:0; 
    height:0; 
    visibility:hidden; 
} 

Firefox不会总是这样的规则，而不是我应该这样做：

.clearfix { 
    overflow: auto; 
} 

或者，只是给它一个高度，以便它不“T推断的line-height：

.clearfix:after { 
    clear:both; 
    content:" "; 
    display:block; 
    font-size:0; 
    height:1px; 
    visibility:hidden; 
}