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是一些任意值）。