爲什麼這個元素不在底部？

我不明白爲什麼我的代碼中的<footer>元素不在其頁面的最底部。爲什麼這個元素不在底部？

這裏是一個小提琴：

我已經設置頁腳和其父兩者的位置，我也給了它一個特定的高度。 HTML和body設置爲高度：100％。

那麼，爲什麼這不起作用？

因爲它的位置是'relative'。改用'絕對'。 – Vucko

當我嘗試了你的jsfiddle例子時，頁腳是你定義的唯一的東西。當我將其他正文文字放在頁腳的上方時，頁腳就像預期的那樣出現在底部。 – lurker

@mbratch 你能爲我提供一個小提琴嗎？我不能重現，頁腳將永遠留在其餘的內容，不完全在頁面的底部 – user2422960

你必須使位置：絕對; http://jsfiddle.net/Kd5Xx/1/

footer { 
    position:absolute; 
}

2013-05-26 19:28:27 caramba

謝謝，但如果頁面上的動態內容超過pageheight的100％，則會造成問題。固定的定位可能是一個解決方案，但是，然後我又不得不暗示上面的元素 – user2422960

@ user2422960看看這個http://jsfiddle.net/Kd5Xx/6/有沒有改變的CSS只是ond div圍繞「lorem ipsum」不是你想要的？ – caramba

對不起，我的錯。我忘記提及，即使在上述內容小於身高的100％的情況下，頁腳也應該在最下方，即使當我用你的小提琴嘗試了這種情況並且它工作了，但我只是可以'在我的項目中讓它在這裏工作。必須是另一個問題，非常感謝你的努力 – user2422960

回答