css - 高度 :100% margin white space/block problem

Question

我关注了这个css-tricks操作方法，实现粘性页脚。我成功了，但注意到 (min)-height:100% 对我尝试将 margin-left of right 应用于我的 primaryContent div 有负面影响。

在一定的高度，它会导致出现一 block 空白。到目前为止我发现的唯一解决方法是使用填充而不是边距。 发生这种情况的高度可以在下面的屏幕截图中看到。而且我还注意到，如果我从 #primaryContent div 中删除“background:inherit”行，容器 div 的背景将停在与发生边距空白问题相同的高度。

感谢任何类型的帮助，源代码链接为: default.css index.html reset.css

截图:

Answer 1

非常奇怪他们是如何让它溜走的，这里是一个解决办法 :D

在 default.css 中寻找这个

html, body, #container { 
      height: 100%; 
}

替换为

html, body { 
      height: 100%; 
}

我不完全确定发生这种情况的原因可能只是一个 css 错误，但总有解决方法。

bada-bing 大功告成!