内容DIV没有推倒页脚

时间:2012-03-15 14:46:09

标签: css html footer

我在主要内容区域中没有被2x DIV推下来时遇到问题。

www.superwideprint.com/swp2

出于某种原因,当屏幕分辨率较低时,2个内容容器会向下推动页脚,我添加了一个明确的:在页脚上方都有div但无效。

任何人都可以帮助我。

样式表和主页可以从上面的链接中看到。已经好几个小时了。

2 个答案:

答案 0 :(得分:1)

页脚的位置设置为绝对值,因此内容div不会影响它。将位置设置为相对也无济于事,因为这意味着你的底部:0代码会将它推到底部,而不是页面。

你所追求的是一个粘性页脚,试试这个http://www.cssstickyfooter.com/http://ryanfait.com/sticky-footer/

答案 1 :(得分:0)

原因是#footer DIV为position:absolute。因此,请从页脚中删除position:absolute

您希望您的页脚始终保持在底部的一部分,然后您可以使用粘滞页脚技术。请检查此http://ryanfait.com/sticky-footer/