我已经在我的网站上应用了从这里获得的 CSS 粘性页脚教程,但由于某种原因我无法让它工作?
提前致谢。
从#body 中删除上边距并用填充替换它:
#body {
width: 1200px;
margin: 0 auto;
overflow:auto;
padding-top: 80px;
padding-bottom: 170px;
}
将 100% 高度添加到 html(不仅是正文):
html, body {
background-color: #FFF;
margin: 0;
padding: 0;
height: 100%;
}
您是否在 HTML 代码中应用了正确的#footer
id?
<div id="footer">
</div>
我无法立即看到您的代码有什么问题(它有很多 css,而且您使用了像中心这样的奇怪标签)。我发誓这个版本的粘性页脚但是:http ://ryanfait.com/sticky-footer/
对我来说效果很好,并且非常兼容旧版/跨浏览器。也许这是你的一个选择......