这里已经回答了IE和Chrome的问题,但是提出的解决方案似乎在Firefox 16、45以及中间的所有版本中都不起作用。
基本上,提出的解决方案如下:
table,th,td {
border: 1px solid black;
}
<table>
<tr>
<td style="height:1px;">
<div style="border:1px solid red; height:100%;">
I want cell to be the full height
</div>
</td>
<td>
This cell
<br/>is taller
<br/>than the
<br/>first one
</td>
</tr>
</table>
td
的height
设置为1px
,子div
可以设置height:100%
。在Chrome和IE中,100%
被解释为“单元格的高度”,而在Firefox中,它似乎变为div
内容所需的最大高度。在Firefox中运行上面的示例将直观地说明这一点......
因此,我正在寻找一个-也适用于Firefox的解决方案。