gpt4 book ai didi

html - 使 div 为 TD 的 100% 高度(IE 问题)

转载 作者:可可西里 更新时间:2023-11-01 13:31:54 25 4
gpt4 key购买 nike

给定以下 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>

最佳答案

我实际上已经通过在 div 和父 td 上应用“height:inherit”解决了这个问题。

<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>

关于html - 使 div 为 TD 的 100% 高度(IE 问题),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27997427/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com