Css 无法理解页面为什么有滚动条

我有一个简单的单页网站的问题。可以找到它。我试着拉小提琴，但没能再现这个问题

如您所见，出现一个滚动条（在Chrome和FF上测试）。但我找不到它起源于何处/如何起源！我尝试了很多

溢出：隐藏
（我希望避免）和修复，但没有任何帮助。有人能找到问题所在吗

编辑：我知道身体100%的高度对它有影响，但这应该不是问题。正文应该和html一样高。但由于某些原因，正文有一个页边空白顶部，或者html有一个填充顶部。我不知道是什么原因造成的。
你可以从正文或HTML中删除
高度：100%
。
你可以从正文或HTML中删除
高度：100%
。
你可以从正文或HTML中删除
高度：100%
。
你可以从正文或HTML中删除
高度：100%
。
看起来像你的身体上的“高度：100%”导致它创建滚动条；尝试删除它。
身体上的“高度：100%”似乎导致它创建滚动条；尝试删除它。
身体上的“高度：100%”似乎导致它创建滚动条；尝试删除它。
似乎是你的“高度：100%”“使其创建滚动条；试着删除它。
问题是，您将主体的高度设置为100%，而在主包装中，您将边距设置为20px（顶部和底部），记住这一点，因为主体标记是主包装的父级，它现在的顶部边距为20px，因此最终高度为100%+20px，这导致了滚动条。要解决这个问题，只需删除100%的高度，或者将“margin:20px auto”替换为“margin:0 auto；padding:20px 0”。
问题是您将主体的高度设置为100%，而在主包装中设置了20px（顶部和底部），记住这一点，因为主体标记是主包装的父级，现在它的上边距为20px，所以最终高度为100%+20px，这导致了滚动条。要解决这个问题，只需删除100%的高度，或者将“margin:20px auto”替换为“margin:0 auto；padding:20px 0”。
问题是您将主体的高度设置为100%，而在主包装中设置了20px（顶部和底部），记住这一点，因为主体标记是主包装的父级，现在它的上边距为20px，所以最终高度为100%+20px，这导致了滚动条。要解决这个问题，只需删除100%的高度，或者将“margin:20px auto”替换为“margin:0 auto；padding:20px 0”。
问题是您将主体的高度设置为100%，而在主包装中设置了20px（顶部和底部），记住这一点，因为主体标记是主包装的父级，现在它的上边距为20px，所以最终高度为100%+20px，这导致了滚动条。要解决这个问题，只需删除100%高度或将“边距：20px自动”替换为“边距：0自动；填充：20px 0”。
请参见我的编辑。我知道这是一种可能性，但这不是问题所在——所以我宁愿不这样做。请参阅我的编辑。我知道这是一种可能性，但这不是问题所在——所以我宁愿不这样做。请参阅我的编辑。我知道这是一种可能性，但这不是问题所在——所以我宁愿不这样做。请参阅我的编辑。我知道这是一种可能性，但这不是问题所在——所以我宁愿不这样做。请参阅我的编辑。我知道这是一种可能性，但这不是问题所在——所以我不这么认为。事实上，这是问题所在，因为主体占据了父元素的100%，即html，并且您的主包装上有一个边距，它将文档的其余部分向下推。实际上，这会使你的身体变得更大，最后，身体需要进一步下降以适应100%的高度。查看并更好地了解问题发生的原因请参阅我的编辑。我知道这是一种可能性，但这不是问题所在——所以我不这么认为。事实上，这是问题所在，因为主体占据了父元素的100%，即html，并且您的主包装上有一个边距，它将文档的其余部分向下推。实际上，这会使你的身体变得更大，最后，身体需要进一步下降以适应100%的高度。查看并更好地了解问题发生的原因请参阅我的编辑。我知道这是一种可能性，但这不是问题所在——所以我不这么认为。事实上，这是问题所在，因为主体占据了父元素的100%，即html，并且您的主包装上有一个边距，它将文档的其余部分向下推。实际上，这会使你的身体变得更大，最后，身体需要进一步下降以适应100%的高度。查看并更好地了解问题发生的原因请参阅我的编辑。我知道这是一种可能性，但这不是问题所在——所以我不这么认为。事实上，这是问题所在，因为主体占据了父元素的100%，即html，并且您的主包装上有一个边距，它将文档的其余部分向下推。实际上，这会使你的身体变得更大，最后，身体需要进一步下降以适应100%的高度。查看并更好地理解问题发生的原因