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 {margin:-150px; position:relative; min-height:100%}

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