Firefox 9（Mac）是否正在解析边距？

Question

我目前的项目中遇到了非常奇怪的问题。 #head div看起来已启用margin-top css设置，而实际情况则不然。它只出现在Firefox 9.0.1（Mac）上，其他浏览器都可以。

此处link to the demo layout。不确定它是否发生在FF 9.0.1 Win版本中。但是，IE7正确呈现它。请参阅附图，了解它的呈现方式。所以，如果你在Firebug的margin-bottom:23px div下禁用#head，你会看到它向上移动，但为什么会这样！这是我们已禁用的margin-BOTTOM设置......

这是我，还是这个FF？

Answer 1

这里发生的是底部边缘正在与上边距折叠，结果全部被视为上边距。 CSS规范需要这种行为，并且所有现代浏览器（当然不包括IE7）都实现它。

Answer 2

你总是把它放在你的样式表里。

@-moz-document url-prefix() {
    #head{
        margin-top: -10px !important;
    }
}

检查 - http://jsfiddle.net/nBWLq/2/。