Css 页面显示滚动条，无论发生什么

这是我的页面：

请注意，即使内容小到不需要滚动，滚动仍然是一个选项。这可能与我的css有关吗？（下文）：

---

谢谢！我仍在学习html和css，因此您的任何输入都将非常感谢-Danny

带走

高度：100%来自
html，正文{}
。你为什么还需要它呢

滚动条总是出现的原因是
#wrap
DIV也设置为100%高度，除此之外，还有2%的边距。这会迫使你的身体比100%多2%

您可以从
#wrap
中删除2%的边距，但如果不想删除，请删除
高度：100%从
html，body{}
应该可以做到这一点。
这是由
#wrap
造成的，它的高度为104%。请注意以下规则：

body {
    height: 100%;
}
#wrap {
    min-height: 100%;
    margin: 2% auto;
}

所以你的包裹实际上是100%的高度加上顶部2%的边距加上底部2%的边距

有几种方法可以解决这个问题

您可以将
高度
从
主体
中删除，也可以将
最小高度
从
#包装
中删除，因为在这种情况下不再使用

您可以将
上的
页边距
更改为
页边距：0自动（这将不可避免地增加内容）

可能还有一些其他的可能性，但鉴于不满意的答案被否决，我并不觉得有必要考虑更崇高的解决方案。
从
#wrap
中删除
min height
，仍然会显示滚动条。谢谢！工作得很有魅力。这是这么简单，但我很难理解这么多的因素在起作用…这个答案应该从一开始就接受。我不明白投反对票的原因。看到另一个正确答案被否决并随后被删除，我甚至不想问为什么。。。
body {
    height: 100%;
}
#wrap {
    min-height: 100%;
    margin: 2% auto;
}