如何将div缩放到另一个元素内的100%高度和宽度?在我的情况下,周围的td.由于我是一个插件,我无法控制页面上的其他HTML.这是我的HTML:
<body style="height:100%;">
<table width="600px" height="400px" border="1">
<tr>
<td style="background-color:silver;">Cell 1</td>
<td style="background-color:silver;">
<div style="height:100%; background-color:yellow;">
<div style="min-height:100%; height:100%; background-color:red;">
Cell 2
</div>
</div>
</td>
</tr>
</table>
</body>
Run Code Online (Sandbox Code Playgroud)
因此,Cell 2 div应该最大化.有没有跨浏览器的方式来做到这一点?为什么这么复杂?