css - 在 Firefox 中，表格边距不会折叠

Question

我做了 this fiddle来证明问题。表格边距在 Firefox 中不会折叠，而在 Chrome 和 IE 中会折叠。

火狐

Chrome 和 IE

这个问题有解决办法吗？

Answer 1

Firefox 不是 collapsing vertical margin with table's 因为 http://www.fiveminuteargument.com/margin-collapse-tables

在表格中写display:block:

section, div, table {
    margin: 1em;
    display:block;
}

检查这个例子http://jsfiddle.net/fhhWd/2/