0

我正在尝试为我正在处理的网站制作一个粘性页脚，但我无法摆脱底部的额外空白。我在 Chrome 和 Safari 中看到它（我还没有测试过其他浏览器）。当页面第一次加载时，你看不到它，但如果你向下滚动，就会有大约 2-3px 的空白区域。如何使我的页脚粘在底部？

这是网站：

http://ec2-23-23-22-128.compute-1.amazonaws.com/

这就是我想要完成的：

如何摆脱页面底部的多余空白？

注意：我知道还有其他一些渲染问题，但我现在唯一担心的是页面底部的额外像素。我整天都在玩负边距、0 边距、填充等，但我无处可去：/

4

1 回答 1

1

当您在具有类 "img-wrapper" 的 div 中提供图像时，它会消失display: block。这在图像中很常见，我看到你这样做是为了重置 CSS：

* {
  margin: 0px;
}

我建议反对这一点。适当的css 重置或规范化将大大缓解这些头痛。

编辑：我知道你说这是一项正在进行的工作，但如果你没有注意到窗口也会在你不需要它时滚动，请注意。这是问题：

#b-container {
  background-color: #F1EFE6;
  min-height: 100%;
    height: auto !important;
    height: 100%;
  margin: 0 auto -170px; // originally this was 0 auto -150px
}
于 2012-08-18T20:09:27.003 回答