頁腳不落在頁面底部

Question

一段時間以來一直遇到此頁腳的問題。直接鏈接到頁面here。應該有兩個頁腳狀態：

1. 當內容高度小於頁面高度，頁腳應該堅持窗口的底部，因爲它目前並
2. 當內容高度比窗口的高度更大，（見圖），頁腳並沒有落在內容的底部。

的作品，但2.沒有。圖片here的問題，這是什麼情況發生時，你滾動pic 任何想法如何解決？

CSS：

footer { 
    width: 100%; 
    float: left; 
    clear: both; 
    height: 50px; 
    position: relative; 
    bottom: 0; 
    overflow: hidden; 
    margin-top: -50px; 
} 

Answer 1

的問題是不與頁腳DIV，這個問題是與預覽DOM元素#wrapper

變化#wrapper到min-height

#wrapper { 
    min-height: 100%; 
} 

的height財產我也有一些建議，浮動和清除沒有意義的footer刪除它。