html - 在测试服务器上摆脱网站页面底部的空白

Question

网上好像没有找到和我类似的问题。所以我的问题是我目前正在开发的网站底部有一个巨大的空白。它只在我将它上传到我拥有的服务器后出现，但当我在我的 WAMP 服务器中测试它时却没有出现。是什么原因造成的？我仔细检查了我的 CSS，但找不到我认为导致问题的那个。

下图是在本地测试时的页面底部:

http://i59.tinypic.com/rtnqqr.png

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

http://i59.tinypic.com/sg7las.png

如果您需要确切的网站:

http://www.bagongbayani.url.ph

请注意，页面底部已经有一个空白区域。您认为是什么导致了这种情况的发生？

我正在为该站点使用非语义响应式网格框架。

注意:不要将屏幕大小调整为较小的。我还没有完成移动 View 的设计。

Answer 1

当页面内容不如视口(viewport)高时，布局底部会出现空白。因此，您可以在底部显示 body 背景。有一些花哨的修复方法，但实际上，最简单和最实用的解决方案(在我看来)是将页脚背景颜色(在本例中为图像)应用到正文本身:

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