为什么页面底部有多余的空间？

Question

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

这是网站：

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

这就是我想要完成的：

如何去除页面底部多余的空白？

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

Answer 1

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

* {
  margin: 0px;
}

我建议不要这样做。一个合适的css reset 或normalize 可以大大缓解这种头痛。

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

#b-container {
  background-color: #F1EFE6;
  min-height: 100%;
    height: auto !important;
    height: 100%;
  margin: 0 auto -170px; // originally this was 0 auto -150px
}