CSS：内部分区的100%高度

以下是Chrome和Firefox的有效解决方案：

将height:100%添加到所有表中，可以得到div所需的数据来计算父表的实际高度

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

我不想为此使用javascript

---

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

这可以满足您的需要，使用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>

---

要整洁得多首先，您不应该使用表格进行布局。这是一种糟糕的做法，在不同的浏览器中无法正常工作

如果您只想让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>

---

我们谈论的是什么版本的Internet Explorer？为什么使用表格进行布局？你真的应该用divs，我不知道。与div相比，表的问题更小。可能完全使用divs对我来说是有问题的。看起来你想要的几乎是我的精确解决方案！：P不过，您不需要在内部div上使用300px的高度。所以您试图根据另一个不包含元素的高度来设置元素的样式？你要么需要jQuery，要么需要Eric提供的链接。在我的例子中，我没有固定的父元素高度。我不确定你到底想做什么，所以我假设你只是想让你的div自动扩展到一个固定的高度。