如何使用CSS獲取液體頁腳粘到底部？

我檢查了我在IE瀏覽器上的Tumblr主題，頁腳位於頁面中間，這裏是我的代碼。如何使用CSS獲取液體頁腳粘到底部？

#mastfooter { 
    background-color: #4F3117; 
    height: 295px; 
    clear: both; 
    margin-top: 0; 
    margin-right: auto; 
    margin-bottom: auto; 
    margin-left: auto; 
    width: 100%; 
    position: absolute; 
    left: 0px; 
    bottom: -38px; 
}

是否有Internet Explorer 9解決方案？

來源

2013-04-04 Lisa Ramos

你能分享一個鏈接到頁面嗎？ – davidb 2013-04-04 15:35:55

你的html是什麼 - 即#mastfooter坐哪？ – Pete 2013-04-04 15:52:11

@ davidb - 這是一個鏈接到頁面。 http://lt-chocolate.tumblr.com/ – 2013-04-04 16:08:01

瑞安既成事實擁有最佳的跨瀏覽器解決方案，粘頁腳

See Here

但也有使用計算器上剛粘CSS頁腳例子不勝枚舉。

來源

2013-04-04 15:37:49 davidb

我能夠做到這一點，學習這個例子。謝謝 – 2013-04-04 17:04:41

@LisaRamos將其標記爲答案;） – davidb 2013-04-05 10:12:43

根據所提供的代碼，我猜想，你需要將其更改爲類似這個 -

#mastfooter { 
background-color: #4F3117; 
height: 295px; 
clear: both; 
margin-right: auto; 
margin-left: auto; 
width: 100%; 
position: fixed; /* keeps the footer visible even when scrolling*/ 
bottom: 0px;

}

注意，頂部和底部邊緣已被刪除，他們最可能是定位問題的原因。

來源

2013-04-04 15:52:50 apaul

如何使用CSS獲取液體頁腳粘到底部？

回答

相關問題