Question

似乎我在互联网上找不到与我类似的问题。所以我的问题是我正在开发的网站底部有一个巨大的空白区域。它只在我上传到我拥有的服务器后出现，但它不是我在我的WAMP服务器上测试它时。可能是什么原因造成的？我仔细检查了我的CSS，找不到我认为导致问题的那个。

下图显示了在localhost中测试的页面底部：

这是显示上传到测试服务器后页面底部的图像：

如果您需要确切的网站：

请注意，页面底部已有空白区域。您认为会导致什么事情发生？

我正在为该网站使用Unsemantic Responsive Grid Framework。

注意：请勿将屏幕调整为较小的屏幕。我还没有完成移动视图的设计。

Answer 1

当页面内容不如视口高时，空白区域将显示在布局的底部。因此，您可以在底部显示身体背景。对此有一些奇特的修复，但实际上，最简单和最实用的解决方案（在我看来）是将页脚背景颜色（在本例中为图像）应用于正文本身：

body {background-image: url(../images/zwartevilt.png);}