将CSS页脚保持在底部的问题

Question

嘿，我遇到了相对定位的页脚问题。我正在使用clearfooter div来保持页脚位于每个页面的底部。这适用于所有分辨率，除了1440x900，任何想法为什么这个分辨率会使标题从底部抬起10个左右的像素？

代码：http://pastie.org/929802

Answer 1

看起来您正在尝试使用与此类似的方法：

http://fortysevenmedia.com/blog/archives/making_your_footer_stay_put_with_css/P25/

如果是这种情况，你需要更多的CSS来帮助你的页脚留下来。你需要给你的页脚一个与你的clearfooter类相同的高度：

#footer {height:150px; position:relative}

并且还添加到您的包装类：

#wrapper {margin:-150px; position:relative; min-height:100%}

当然，如果您的页脚不是150px高，那么您需要调整类（即＃wrapper的负边距，＃footer's和.clearfooter的高度）以确定正确的大小。