html - 为什么页面底部有额外的空间？

Question

我正在尝试制作 sticky footer对于我正在处理的网站，我无法摆脱底部的额外空白区域。我在 Chrome 和 Safari 中看到它(我还没有测试过其他浏览器)。当页面首次加载时，您看不到它，但如果您向下滚动，就会看到大约 2-3 像素的空白区域。如何使我的页脚粘在底部？

这是网站:

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

这就是我想要完成的:

如何去掉页面底部多余的空白区域？

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

Answer 1

当您在 div 中使用类“img-wrapper”display: block 提供图像时，它会消失。这在图像中很常见，我看到你这样做是为了重置 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
}