CSS固定位置在窗口调整大小时不粘在底部

Question

这是发生了什么的 jsFiddle: http://jsfiddle.net/A4bzQ/1/

所以，这是我的问题。如果您重新调整窗口大小并调整高度，您会注意到，当您获得高度的滚动条时，底部页脚将相对于页面而不是窗口固定在适当的位置。我希望底部页脚始终保留在屏幕底部。当您获得水平滚动条然后开始向下滚动时，就会发生这种情况。

有人对这类问题有任何解决方案吗？

谢谢，埃文

Answer 1

您想要使用 position:fixed 而不是 position:absolute。

http://jsfiddle.net/A4bzQ/2/

关于 position 属性的更多信息:http://www.quirksmode.org/css/position.html

An element with position: fixed is taken out of the normal flow of the page and positioned at the desired coordinates relative to the browser window. It remains at that position regardless of scrolling.