这是jsfiddle,它显示了我想要解决的问题。它在Firefox和Chrome中按照我的意愿呈现,但IE采用了不同的方法。基本上我希望具有内容345的单元格填充剩余高度,而其上方的行是固定高度。我注意到在IE浏览器中,如果我为大于的单元格提供高度,而不是默认值,那么它将占用该高度。它不会采用比默认值小的任何东西。 代码:
<table>
<tr>
<td style="height: 12px; max-height: 12px">1</td>
<td>12</td>
<td>123</td>
<td rowspan="3" style="min-height: 200px; min-width: 200px; height: 200px;">1234</td>
</tr>
<tr>
<td style="height: 12px; max-height: 12px">2</td>
<td>23</td>
<td>234</td>
</tr>
<tr>
<td colspan="3">345</td>
</tr>
</table>
编辑:删除了导致FF / Chrome和更新的JSFiddle链接出现问题的样式标记。