html - 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;
}

它将解决问题。