不留在頁面底部的頁腳AGAIN

我已經開始了一個新的網站，新的代碼，新的設計，但是頁腳不會再停留在頁面的底部。我試圖使用我上一篇文章中的工作代碼，但沒有奏效，所以我想我必須創建一個新文章。不留在頁面底部的頁腳AGAIN

這是我的代碼： JsFidde

#footer { 
width: 100%; 
height: 100px; 
position: relative; 
bottom: 0; 
right: -2px; 
left: 10px; 
background: red; 
color: black;

}

正如你可以看到，是顯然不工作，因爲頁腳是半山腰頁。 P.S--這個巨大的空白空間在那裏的原因是因爲那裏有一個圖像。

如果您有任何修復，那麼請說:)

在先進的感謝

獨特

2014-09-13 Unique

可能使用此：www.cssstickyfooter.com – acdcjunior 2014-09-13 00:32:40

的粘頁腳，您需要有位置：固定 – 2014-09-13 00:34:42

澄清你的問題，底部是什麼意思？如果您希望頁腳停留在頁面底部，那麼只需將其作爲最後一個元素。你想要一個總是停靠在視口底部的粘性頁腳嗎？具體來說，編輯和問題是更具體的 – Huangism 2014-09-13 00:40:29

如果你只想#about-me下頁腳，剛剛從#about-me

二去除position: absolute更新：http://jsfiddle.net/o9bbwhyc/4/

Furth呃，還有你的HTML語法錯誤（固定在小提琴）：

<div id="slider"> 
<center> 
... 
</div> 
</center>

2014-09-13 00:50:43 cheich

回答