表格的最小高度，不影响Firefox中的thead和tbody

Question

我有一张桌子，我想设置一个min-height 据我所知，min-height对表不起作用，事实上，你必须在表上设置height。

除了我在height，thead和tbody的桌子上设置tfoot，每个都有一行时，这很好这三个部分中的每个部分的高度都设置为Firefox中总高度的三分之一，这是我不想要的 Chrome和IE（经过测试回到IE8）都保持thead和tfoot原始高度并仅延伸tbody。

我希望thead和tfoot保持原始高度，然后让tbody仅延伸Firefox中height的剩余部分（就像在Chrome和IE）。

有没有办法在Firefox中执行此操作？
谢谢。

修改：

这就是我想要的：

这就是我在Firefox中实际获得的内容：

Answer 1

作为一种变通方法，您可以为height内的th和/或td以及thead分配tfoot值，请参阅下面的演示：

＆＃13;

＆＃13;

table {
    height: 200px;
    width: 100%;
}
thead {
    background: crimson;
}
tbody {
    background: orange;
}
tfoot {
    background: green;
}
thead th, thead td, tfoot th, tfoot td {
    height: 0; /*or any height*/
}

＆＃13;

<table>
    <thead>
        <tr>
            <th>Header content 1</th>
            <th>Header content 2</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Body content 1</td>
            <td>Body content 2</td>
        </tr>
    </tbody>
    <tfoot>
        <tr>
            <td>Footer content 1</td>
            <td>Footer content 2</td>
        </tr>
    </tfoot>
</table>

＆＃13;

＆＃13;

＆＃13;