Question

以下是适用于Chrome的工作解决方案，可能还有Firefox：

将height:100%添加到所有表格，可以获得div所需的数据来计算父级的实际height。

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

不想为此使用javascript。

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

Answer 1

这可以做你需要的，使用Div而不是表格：

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

更整洁

Answer 2

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

如果你想要达到的目的是让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/

CSS：内部div的100％高度

2 个答案: