无法弄清楚为什么页面有滚动条

Question

我遇到一个简单的单页网站问题。它可以找到here。我试过制作一个小提琴，但无法重现这个问题。

如您所见，出现滚动条（在Chrome和FF上测试）。但我找不到它起源于何处/如何起源！我尝试了很多overflow: hidden（我想避免）和cleafixes，但没有任何帮助。任何人都可以找到问题吗？

编辑：我知道身体上的100％高度对它有影响，但不应该成为一个问题。身体应该和html一样高。但由于某种原因，身体有一个边缘顶部，或者html有一个填充顶部。我不知道是什么导致了它。

Answer 1

您可以从正文或HTML中删除height:100%。

Answer 2

看起来身体上的“身高：100％”会导致它创建滚动条;尝试删除它。

Answer 3

问题是你将身高100％设置为身体和你的#main-wrapper你设置20px（上下）的边距，记住这一点，因为你的身体标签是你的身体标签主包装，现在它的上边距为20px，因此最终高度为100％+ 20px，这导致滚动条。要解决这个问题，只需删除100％高度或用“margin：0 auto; padding：20px 0”替换“margin：20px auto”。