Question

我目前正在为我的网络课程开发一个网站。

以下是我的文件的链接，该文件托管在我的Dropbox公共文件夹中：

我希望你能从那里查看我的代码。如果你不能让我知道，我会找到一种方法来缩小它并把它放在这里。

我正在尝试进行单页面布局，我基本上只是将各个部分堆叠在一起，我希望每个部分都能填满整个屏幕空间。

问题发生在“政策和联系”部分的底部。他们有异常长的高度，我无法确定问题所在。有人能指出我正确的方向。

请原谅代码编写。我知道我有很多需要清理的工作。

感谢您的所有时间。

Answer 1

您的部分设置为100％高度，因此如果您的网页将随内容增长，那么100％会逐渐变大 - 有意义吗？

如果您希望每个部分都是浏览器窗口高度的100％，则需要添加的部分是：

html, body{
    width:100%;
    height:100%;
}

然后，身体中直接孩子的所有百分比高度将指向浏览器的高度而不是内容的高度。快乐的黑客！