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

Question

我制作了这个小提琴来演示这个问题。表格边距在 Firefox 中不会折叠，而在 Chrome 和 IE 中会折叠。

Firefox

Chrome 和 IE

此问题有任何解决方法吗？

Answer 1

Firefox 不会使用 table's 来折叠垂直边距，因为 http://www. Fiveminuteargument.com/margin-collapse-tables

在表中写入 display:block 如下：

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

检查此示例 http://jsfiddle.net/fhhWd/2/