为什么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>的余量，这是不可取的。

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

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

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