身高：100％ - 不是100％？

Question

有很多關於100％高度元素的問題。還有很多關於如何降低頁腳的問題。那麼，這又是一個...

我一直在建設一個網站，我有問題與定位我的頁腳和頁面上有100％的高度元素。 My page looks currently like this.

我嘗試了幾乎所有我可能找到的東西，但似乎沒有任何工作。如果您查看CSS代碼，您是否發現打破頁腳定位和高度設置的內容？

Answer 1

退房The css sticky footer

你希望你的HTML仿照這種：

<div id="wrap"> 

    <div id="main"> 

    </div> 

</div> 

<div id="footer"> 

</div> 

所以，在你的榜樣（網站）你想的footer是container之外。從這裏您可以簡單地檢查上面提供的鏈接上的CSS，當DIV展開全高時，頁腳將粘在頁面的底部。

Answer 2

#contentWrapper{ 
padding: 0; 
margin-left: 230px; 
height: 100%; 
background-color: #FFFFFF; 
overflow: auto; /*I added this*/ 
} 

#grass { 
background: url("../images/layout/grass.png") repeat-x; 
width: 100%; 
bottom: 59px; 
height: 248px; 
position: fixed; /*Change absolute to fiexed*/ 
}