无论页面高度如何，在浏览器底部设置页脚

Question

1. 下图显示了页脚
2. 黑色箭头表示可展开的内容



Div片段如下所示：

<div id="footer_wrap">
    <div id="footer-left"></div>
    <div id="footer-middle"></div>
    <div id="footer-right"></div>
</div>

整个页脚的宽度为980像素 页脚高度为124px

我正在使用Firefox。

无论页面高度如何，如何将页脚设置在浏览器底部。

Answer 1

http://www.cssstickyfooter.com/

Answer 2

position: fixed;
bottom: 0;

示例here

Answer 3

使用固定的位置，这将相对于窗口定位，以便滚动不会影响它出现的位置。

   position: fixed;

   bottom: 0;

Answer 4

我个人觉得这个粘性页脚比css粘性页脚更可靠：

Man in Blue - footerStickAlt