在 Firefox 表格边距不折叠

Question

我创建了this fiddle 来演示这个问题。表格边距在 Firefox 中不会折叠，而在 Chrome 和 IE 中会折叠。

火狐

Chrome 和 IE

这个问题有解决办法吗？

Answer 1

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

像这样在表格中写display:block：

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

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