0

我已经在我的网站上应用了从这里获得的 CSS 粘性页脚教程,但由于某种原因我无法让它工作?

JSBin

提前致谢。

4

3 回答 3

1

从#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%;
}

完整的 JSBin 解决方案预览

于 2013-04-03T22:33:48.893 回答
0

您是否在 HTML 代码中应用了正确的#footerid?

<div id="footer">

</div>
于 2013-04-03T22:16:44.950 回答
0

我无法立即看到您的代码有什么问题(它有很多 css,而且您使用了像中心这样的奇怪标签)。我发誓这个版本的粘性页脚但是:http ://ryanfait.com/sticky-footer/

对我来说效果很好,并且非常兼容旧版/跨浏览器。也许这是你的一个选择......

于 2013-04-03T22:19:32.023 回答