CSS:内部div的100％高度

Question

这是适用于 Chrome 和 Firefox 的可行解决方案:

http://jsfiddle.net/gHcRX/

将 height:100% 添加到所有表格中，为 div 提供计算父项的实际 height 所需的数据。

但是为什么这在 Internet Explorer 和 Opera 中不起作用...

不想为此使用 javascript。

有没有简单的跨浏览器解决方案？

Answer 1

首先，您不应该使用表格进行布局。这是一种不好的做法，并且无法在不同的浏览器中正常工作。

如果您想要实现的只是让 div 扩展 100%，您可以这样做:

<div style="height:300px">
    <div style="float:left;height:100%;background:green;">block1</div>
    <div style="float:left;height:100%;background:red;">block2</div>
</div>

http://jsfiddle.net/gHcRX/20/