【发布时间】：2012-03-15 22:58:28
【问题描述】：
我遇到了一个问题，主要内容区域中的页脚没有被 2x DIV 向下推。
www.superwideprint.com/swp2
由于某种原因，当屏幕分辨率较低时，2 个内容容器不会将页脚向下推，我在页脚上方添加了一个 clear:both div 但无济于事。
谁能帮帮我。
样式表和主页可以从上面的链接中看到。已经在这里呆了好几个小时了。
【问题讨论】：
【发布时间】：2012-03-15 22:58:28
【问题描述】：
页脚的位置设置为绝对位置，因此内容 div 不会影响它。将位置设置为相对也无济于事，因为这意味着您的底部：0 代码会将其推到它所在位置的底部，而不是页面的底部。
你想要的是一个粘性页脚，试试这个http://www.cssstickyfooter.com/ 或http://ryanfait.com/sticky-footer/
【讨论】：
-
感谢各位大佬的指点，尝试以上链接无济于事。如果您再次查看链接，您可以看到我试图实现的目标 =) 我搞砸了吗？
原因是#footer DIV 是position:absolute。因此，请从您的页脚中删除 position:absolute。
您希望您的页脚始终保持在底部的一部分，然后您可以使用 Sticky Footer 技术。检查这个http://ryanfait.com/sticky-footer/
【讨论】：
-
我尝试了示例中的编码，但我无法让它工作？
-
首先创建两个 div #container（其中包含全部内容和其他内容），高度为 100%，第二个 #footer
-
那做了一些不同的事情，如果您再次查看链接，它会将页脚推到底部，但现在我有很多空白空间？我创建了“主” DIV 并将所有东西都扔在那里。页脚 div 位于“main”下方。
-
也扔了桌子和#wrap。检查链接 HTML 结构