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

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

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

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

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

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

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

enter image description here

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

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

來源

2013-08-29 user1924247

是否要將頁腳固定到視圖端口（屏幕）的底部，這意味着它始終可見，或者只是在頁面的底部，無論頁面有多長，這意味着頁腳可能低於長頁面的倍數？ –

無論頁面有多長，頁腳都處於底部。 – user1924247

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

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

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/

來源

2013-08-29 17:37:02

我認爲OP想要一個最低高度的頁面，而不是一個粘滯的頁腳，請參閱更新的帖子。 –

@ user1924247給出答案是我需要的所有感謝;） –

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

回答

相關問題