身高：100％ - 不是100％？

-1

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

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

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

來源

2013-04-07 MikkoP

頁腳，使用'的位置是：固定;'，'不absolute' – martincarlin87 2013-04-07 15:44:34

它不應該是固定的... – MikkoP 2013-04-07 17:57:43

退房The css sticky footer

你希望你的HTML仿照這種：

<div id="wrap"> 

    <div id="main"> 

    </div> 

</div> 

<div id="footer"> 

</div>

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

來源

2013-04-07 15:43:38

@the downvoter - 這個完美的作品，我用我的網站。 – 2013-04-07 15:47:13

-1

#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*/ 
}

來源

2013-04-07 15:59:24

身高：100％ - 不是100％？

回答

相關問題