粘性页脚问题

时间:2011-06-21 15:09:09

标签: css

我正在尝试在我的页面上使用sticky footers,但是我遇到了页脚出现在窗口下方的问题,即使没有内容也是如此。

This page说这是由于在某些元素上使用margin引起的,因此页脚被margin的累积值“推”下来。该页面建议将margin替换为padding,但这会破坏我的设计,因为它们并不完全相同。

我还能做些什么来“拉”页脚?

以下是显示我的问题的链接:http://john2x.com/wordpress/?p=4

2 个答案:

答案 0 :(得分:0)

如果你的div有填充,也许你应该将顶部和底部填充量加到你给它的负边距上......

因此,例如,如果你的div有10px的上下边距,我认为你应该将20px添加到其负边距。

如果页脚中有边距的元素正在向下推,那么也许你应该将这些边距添加到页脚的负边距。

答案 1 :(得分:0)

我认为这是由#page-wrap min-height设置为100%引起的。

我认为最简单的解决方案是在#page-wrap div中移动你的页脚div,然后它将落在页面的范围内。

希望这有帮助!