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

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
}