在尝试了几种解决方案后，页脚没有粘住

Question

我无法让我的页脚粘到页面底部。它工作在1024x1280，这是我正在设计的，但#content部分重叠页脚，一旦我在1024x768和800x600测试它就会在窗口底部产生空白区域。我试过了：

• 将页脚位置设置为绝对w / bottom：0;
• 使用position：fixed，有效，但与内容重叠。我希望它出现在内容之后。
• 向容器添加填充并以负边距向上拉页脚
• 向#content添加填充并以负余量向上拉页脚
• 使用可怕的hacky #push div设置为与页脚相同的高度

Here's the page that's having the problem.

此时我已准备好向它抛出一些Jquery并完成，但如果有一种解决问题的CSS方法，我愿意接受建议。

编辑：如果事情看起来有点不稳定，那是因为我正在添加一个插件来拉伸背景图像。请原谅这个烂摊子！

Answer 1

粘性页脚有两种非常流行的方法，请检查以下链接：

http://ryanfait.com/sticky-footer/

http://www.cssstickyfooter.com/