为什么这个元素不在底部？

我不明白为什么我的代码中的<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

回答