可能重複粘頁腳：
CSS sticky footer與非靜態頁面的幫助
我的頁面有內容，其中爲用戶提交的內容，頁面長度增加。這對於傳統的粘性頁腳設計來說是一個問題，因爲它們傾向於粘在原始位置，而最終只是浮在頁面中間。
有沒有人有任何提示或技巧，使粘滯的頁腳，即使內容放大的頁面大小，將其保持在底部？
在此先感謝。
Credit to AlienWebguy ...在查看我網頁的結構後，我們想通過在標準頁腳CSS中添加一個clear: both來修復它。
編輯：這是不是一個真正的「粘性頁腳」，但是這是在這種情況下解決了OP的問題。對於真正的粘頁腳應用try this：
是的，你會想用這個CSS：
#sticky_footer {
position:relative;
clear:both;
bottom:0;
height:100px;
width:100%;
}
像這樣來使用：
<body>
...
<div id="sticky_footer"></div>
</body>
我已經受夠了這種粘頁腳實現了巨大的成功：http://ryanfait.com/sticky-footer/
沒錯。如果動態內容破壞了它，那麼您可能無法在某處正確關閉標籤，或者您的CSS已關閉。 –
這隻能部分適用於我。我的頁面底部的內容仍然在頁腳的下方，儘管它保留在底部。 – tnw
這不會在IE6中工作，但我認爲這是自從微軟主動殺死IE6以來它是最好的解決方案，它不需要任何Javascript或黑客。 – Jay
只有中國和韓國仍然使用該瀏覽器。仍然支持它的Web開發人員正在這樣做 - 支持它的存在。 @Tory，如果您的內容在頁腳的底部出現問題，請調整Z-index。添加如z-index：9999;到#sticky_footer css來保持它的一切。 – AlienWebguy