CSS在最后一个元素之后定义额外的空格

Question

我一直致力于为自己设计一个小项目来尝试HTML5和CSS3，以获得它的支持。我需要帮助解决一个奇怪的问题 - 在我看来 - 以及意想不到的CSS怪癖。

我已将我的工作放在CodePen.io上，以查看：http://codepen.io/jbehrens94/pen/uKgvH

问题是，我希望所有<section>的高度都是100％，因此每个部分都会填充浏览器屏幕的100％宽度和高度。问题是，如果你向下滚动到底部，有很多白色，我找不到原因。

我注意到边距不能很好，所以我在他们周围工作，主要是使用填充。 我试着改变显示器，浮子等等，但我似乎无法找到问题所在，为什么底部有很多白色。

它不应该存在，因为在最后一节之后没有元素。

Answer 1

您的最后一页上有三个<div />，其中包含file，sites和contact类，它们的开头位于中途，但有一个CSS声明，强制它们为100％高度。