在Firefox表中,边距不会崩溃

时间:2011-11-23 10:07:15

标签: css firefox cross-browser margin

我让this fiddle来证明这个问题。表格边距在Firefox中不会崩溃,而在Chrome和IE中则会崩溃。

火狐

Table margins don't collapse in Firefox

Chrome和IE

Table margins collapse in Chrome and IE

此问题是否有解决方法?

1 个答案:

答案 0 :(得分:0)

由于http://www.fiveminuteargument.com/margin-collapse-tables

,Firefox与collapsing vertical margin不是table's

在表中写display:block,如下所示:

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

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