Firefox错误地将margin-bottom添加到元素的顶部

Question

在Firefox中，当我添加以下CSS规则时，75px保证金底部也会应用到#header-container的顶部。 Firebug没有报告这一点，但是元素已经向下移动了页面的底部边界的确切数量。其他浏览器不这样做。

有人知道为什么会发生这种情况，以及如何阻止它？谢谢。

#header-container{ 
    position: relative; 
    margin: 0 auto 75px; 
    width: 960px; 
} 

Answer 1

我不知道如何和为什么发生这种情况，但如果你改变你的造型#header-container这个

#header-container{ 
    position: relative; 
    margin-bottom: 75px; 
    width: 960px; 
    float: left; 
} 

它会解决这个问题。