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

它将解决问题。