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

它将解决问题。