高度：100％边距白色空间/块问题

Question

我按照这个css-tricks操作方法来实现粘性页脚。我成功但注意到（min）-height：100％对我何时尝试将右边距保留到我的primaryContent div时有负面影响。

在某个高度会导致出现一块空白。到目前为止，我发现的唯一解决方法是使用填充而不是边距。 发生这种情况的高度可以在下面的截图中看到。我还注意到，如果从#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 bug但是总会有一个解决方法。

bada-bing 你做完了！

Answer 2

点击示例网址底部的“参考链接”....它指向原始来源：http://www.cssstickyfooter.com/。

如果您点击“How to Use the Sticky Footer Code”，您会发现因为他/他的解决方案的编写方式 - padding高度属性是正确的 - 而不是边距。

我大约一周前阅读了文档 - 我以为我看到了这个警告。 <find>+padding会将您带到符号上。