css - 为什么这在 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> 的 margin 。这是不需要的。

为了解决这个问题，我添加了:

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

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