css - 在一页布局上页面滚动时，Divs 的高度越来越大

Question

我目前正在为我的 Web Class 创建一个网站。

这是托管在我的 Dropbox 公共文件夹中的文件的链接：

我希望你可以从那里查看我的代码。如果你不能让我知道，我会想办法缩小范围并把它放在这里。

我正在尝试做一个单页布局，我基本上只是将部分堆叠在一起，我想让每个部分填满屏幕的整个空间。

问题出现在“策略”和“联系方式”部分的底部。它们的高度异常长，我无法确定问题所在。有人可以指出我正确的方向。

请原谅代码编写。我知道我有很多事情要清理和工作。

谢谢你所有的时间。

score 0 · Accepted Answer

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

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

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

那么 body 中直接子元素的所有百分比高度将指浏览器的高度而不是内容的高度。快乐黑客！

1 回答 1