div高度百分比，以及不需要的滾動條

Question

在此演示頁面中，我有2個問題：

1）我的頁腳（遵循這些准則http://ryanfait.com/sticky-footer/ ）導致滾動條僅出現在Firefox上，我不明白原因

2）div＃containerTop由頁腳CSS使用，並且適合整個頁面高度

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

問題是我想讓div＃rightContainer具有一定的高度，我希望它可以拉伸幾乎整個頁面（在它和頁腳之間留一些像素）。 顯然，我嘗試了以％為單位的高度，但沒有成功。

我嘗試了一些我發現的CSS，但是這些CSS也不起作用，可能是因為div＃rightContainer已經在div容器中使用了CSS高度技巧。

我無需重復使用javascript怎么辦？

Answer 1

如果要使用％作為高度，則必須將其放在每個父元素中：

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

也許您可以將容器設置為絕對，但實際上這不是一種適當的編碼樣式。

Answer 2

首先將div的父級高度和寬度設置為100％，並將html標記中的溢出設置為隱藏為：

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

然后相應地設置div的寬度和高度...

在這里，溢出屬性執行任務。 如果現在body超出了實際窗口大小的寬度/高度，則相應地減小body標簽的大小。 但這肯定會刪除滾動條。

它為我工作。