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