無法將頁腳停留在頁面底部

Question

將頁腳留在頁面底部存在很大問題。

我決定把代碼添加到引擎收錄：

這是CSS：http://pastebin.com/uf2c7jLX

這是其中一個頁面：http://pastebin.com/qpwz22us

問題是洽throught網站。我究竟做錯了什麼？

例如，有時出現這種情況，一些內容通過頁腳隱藏：

有瀏覽器視圖和頁腳的底部之間的巨大差距。上面的圖片還顯示頁腳與內容重疊。

關於編輯：第二個不是我想要的。頁腳和瀏覽器底部之間存在巨大差距。我希望頁腳處於最底部，如果內容太長以至於必須滾動，那麼頁腳應該看不到，直到到達頁面底部。謝謝:)

Answer 1

編輯：其實我剛纔看到你的截圖，只是改變了絕對定位相對

更改頁腳和身體的定位和頁腳刪除保證金：

body{ 
margin: 0; 
padding: 0; 
/*padding-bottom: 60px;*/ 
width: 100%; 
height: 100%; 
position: relative; 
} 

footer{ 
position: relative; 
background: cornflowerblue; 
height: 60px; 
width: 100%; 

} 

這裏是FIDLE http://jsfiddle.net/vFg8j/

另一個有用的資源 - 粘頁腳http://ryanfait.com/sticky-footer/