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 回答