100％高度表格布局，带有可滚动列

Question

我正在尝试获得一个简单的表格布局，具有以下基本要求：

• 必须伸展至100％高度
• 如果内容超出视口的100％，则应显示滚动条。

此example code in this JSFiddle在webkit中运行良好，但在Firefox等中，它似乎无法正确翻译。

非常感谢任何帮助。

Answer 1

基于百分比的维度（宽度和高度）不适用于Mozilla或IE中的overflow:auto。

布局引擎必须先知道元素的高度，然后才能将overflow:auto应用于元素。

因此.scrollable { background: red; height:700px; overflow: auto; }在Mozilla和IE中可以正常工作（700px是一些任意值）。