问firefox中表格不工作的最小高度

EN

将表格的最小高度改为高度。如果内容较高，表格也会被放大

添加height: 0将使火狐获得min-height

没有为表格、表格行和表格单元格定义min-height属性的效果。

请参阅：http://www.w3.org/TR/CSS21/visudet.html#min-max-heights

假设您的标记类似于以下HTML：

<div class="table-wrap">
    <table>
        <tr>
            <td>Cell 1 Donec ipsum libero...</td>
        </tr>
        <tr>
            <td>Cell 2</td>
        </tr>
    </table>
</div>

现在，考虑以下CSS：

.table-wrap {
    min-height: 323px;
    border: 1px dotted blue;
}
table {
    width: 400px;
    height: 323px;
    border: 1px dashed red;
}
table tr {
    height: 54px;
}
table td {
    border: 1px dotted red;
}

在这种情况下，表格的最小高度为323px，此高度将根据每行表格单元格中内容的详细信息在表格中的各行之间分布。

至少，每一行的高度将至少为54px。

如果有许多行的单元格很短(高度小于54px )，那么最终会调整表格高度以适应这些行。

如果表格只有几行带有短单元格，那么这些行的高度将增加，以填充表格的323px的高度。

在这种情况下，.table-wrap父元素对表的高度没有任何影响。

请参阅小提琴：http://jsfiddle.net/audetwebdesign/zMtBu/