DIV高度％，在此演示頁面不必要的滾動條

我有2個問題：

1）我的頁腳（我跟着這些準則http://ryanfait.com/sticky-footer/）是造成滾動條只出現在Firefox上，我不能明白其中的道理

2）DIV＃containerTop所使用的頁腳CSS和它適合整個頁面高度

min-height: 100%; height: auto !important; height:100%

問題是我想要div＃rightContainer與一定的高度，我希望它幾乎延伸到整個頁面，（在它和頁腳之間留下一些像素）。很顯然，我嘗試用％表示身高，但沒有奏效。

我嘗試了一些我發現周圍的CSS，但這些並沒有太多的工作，可能是因爲div＃rightContainer已經在div容器內使用自身的CSS高度技巧。

我可以做什麼，而沒有重複的JavaScript？

2012-05-15 alessiop86

，如果你想使用％。由於高度，你必須把在每一個父元素：

<body style="height: 100%;"> 
    <div style="height: 100%;"></div> 
</body>

，也許你可以設置容器絕對的，但沒有真正合適的編碼風格。

2012-05-15 19:09:57 Shylux

第一組div的父高度和寬度爲100％，而在HTML標籤設置溢出隱藏的：

html{ 
    width: 100%; 
    height: 100%; 
    overflow: hidden; 
} 
body{ 
    width: 100%; 
    height: 100%; 
}

，然後設置相應的div的寬度和高度......

這裏overflow屬性完成任務。如果現在身體超過實際窗口大小的寬度/高度，則相應地減小身體標記的大小。但是這肯定會刪除滾動條。

它爲我工作。

2016-02-08 11:40:46

回答