html - 将 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 {边距:-150px;职位:相对；最小高度:100%

当然，如果您的页脚不是 150 像素高，那么您需要将类(即#wrapper 的负边距、#footer 和 .clearfooter 的高度)调整为正确的尺寸。