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

Question

以下是jsFiddle发生的事情： http://jsfiddle.net/A4bzQ/1/

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

有没有人有这类问题的解决方案？

谢谢， 埃文

Answer 1

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

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

有关position媒体资源的更多信息：http://www.quirksmode.org/css/position.html

  

position: fixed的元素从正常流量中取出   页面并定位在相对于浏览器的所需坐标处   窗口。无论滚动如何，它都保持在该位置。