Question

鉴于以下html示例，如何将绝对定位的div高度设置为表格单元格的100％。这只是IE的一个问题。

问题是div不能影响单元格内容，因此位置绝对，行样式必须定义高度。

<html>
<table>
<tr style="height:100px;">
<td style="position:relative;width:200px;background-color:green;border:solid 2px green;">
    <div style="position:absolute;background-color:red;width:100%;height:100%;top:0px;left:0px;"></div>
    xyz
</td>
</tr>
</table>
</html>

Answer 1

我实际上通过应用＆＃34; height：inherit＆＃34;来解决这个问题。在 div和父级td 。

<html>
<table>
<tr style="height:100px;">
<td style="position:relative;width:200px;height:inherit;background-color:green;border:solid 2px green;">
    <div style="position:absolute;background-color:red;width:100%;height:inherit;top:0px;left:0px;"></div>
    xyz
</td>
</tr>
</table>
</html>

使div达到TD的100％高度（IE问题）

1 个答案: