为什么这个元素不位于底部？答案

【问题标题】：Why is this element not positioned at the bottom?为什么这个元素不位于底部？
【发布时间】：2013-05-27 03:28:27
【问题描述】：

我不明白为什么我的代码中的 <footer> 元素不在其页面的最底部。

这是一个小提琴：

我已经设置了页脚及其父级的位置，并且我还给了它一个特定的高度。 HTML 和 body 设置为 height: 100%。

那么为什么这不起作用呢？

【问题讨论】：

因为它位于relative。请改用absolute。
当我尝试您的 jsfiddle 示例时，页脚是您定义的唯一内容。当我将其他正文放在页脚上方时，页脚按预期显示在底部。
@mbratch 你能为我提供一个小提琴吗？我无法重现，页脚将始终停留在其余内容下方，而不是完全位于页面底部
@Vucko 见goo.gl/J94Pe
啊....对不起，我错过了你指出的“非常底部”的微妙之处。在这种情况下，caramba 有答案：使用position: absolute; 和bottom: 0;。您可能必须填充内容的底部以避免截断最后一位。我不认为你可以同时拥有这两种方式。要么让页脚跟随内容的底部，而不是在短内容的最底部，要么你必须在底部填充你的内容。或者使用 javascript（有点矫枉过正）。

【解决方案1】：

你必须做出 position:absolute; http://jsfiddle.net/Kd5Xx/1/

footer {
    position:absolute;
}

【讨论】：

谢谢，但是如果页面上的动态内容超过页面高度的 100%，这会导致问题。固定定位可能是一个解决方案，但我不得不再次提出上述元素
@user2422960 看看这个jsfiddle.net/Kd5Xx/6 CSS 没有变化，只是围绕“lorem ipsum”的 div 不是你想要的？
对不起，我的错。我忘了提到页脚应该总是在底部，即使在上面的内容小于身体高度的 100% 的情况下，我用你的小提琴尝试了这个案例并且它有效，但我就是无法得到它在我的项目中工作。必须是另一个问题，非常感谢您的努力
@user2422960，如果您有在线链接，请给我们一个链接