为什么这在 Chrome 和 Firefox 3.6 之间呈现不同？

Question

http://jsbin.com/ohuwu4/5

（示例取自Google's CSS walkthrough）

顺便说一句，我试图通过验证，但我无法让 jsbin 在 <script> 标记上放置类型属性。

Answer 1

我想是这个collapsing margin bug。

将 CSS 更改为：

#wd-c div { margin: 0 1em 1em; }

似乎可以修复它（我确认它是错误报告中提到的margin-top CSS）。但是，您会失去所有不需要的 <div>s 的边距。

为了解决这个问题，我接着补充说：

#wd-1 { margin-top:1em !important; }

将它放回第一个，它在两个浏览器中呈现相同。