我是这个网站的新海报。我已经将它用作研究资源多年了，但这是我第一次难以接触到需要与整个社区接触的程度。
我目前正在为客户完成网站的重新设计。它使用WooThemes Canvas的高度定制版本作为框架，并且生活在http://dev.victorybeer.com。我在footer.php文件中添加了一些额外的标记项，以便在底部显示一些动态数据以及标准页脚费用。您可以看到的问题是页脚下方显示的额外空间（可以看到蓝色背景）。该网站应该以红色的“footercontainer”DIV结束。
我已经对我的标记和css（使用FireBug）进行了两次和三次检查，以确保一切都有效，并且内部元素没有应用边距或填充，这可能会推动底部向下，但我绝对没有任何迹象表明它会创造这个。没有一些奇怪的PHP问题，我无法理解为什么会发生这种情况。当我删除底部导航和页脚容器DIV时，该站点正确终止（正好在“European Tradition ...”标语下方）。
我向WooThemes提交了一张HelpDesk票，我得到的答案就是将300px的高度硬编码到页脚容器DIV，以便将其向下推以覆盖空间。作为一个反应灵敏的网站，这并不适合我，似乎更多的是覆盖症状而不是治疗原因。当我重新打开机票并表明解决方法不够时，响应让我感到困惑：
它造成差距的原因是因为页脚不是 一直到达底部并且高度固定到页脚 那个。我也在移动视图上测试解决方案 工作
如您所知，页面上的所有元素都会受到彼此影响 因此，底部的差距就是这样。我一直在努力 元素不能完全按照我的需要进行渲染并添加的网站 像这样的CSS修好了。
除此之外我真的不知道。
咦？我想知道的是为什么页脚没有一直到达底部，而不是如何掩盖它没有的事实。
有人可以帮忙吗？我将非常感激。该网站预计将于3/3上线，因此您的集体协助将受到赞赏。
答案 0 :(得分：0)
我之前也遇到过这个问题。虽然它可能不是最好的方法，但有几种方法可以解决它。
如果没有足够的“高度”内容，那么修复它的一种简单方法是在custom.css上修复高度（第460行）。
我已经尝试过了，似乎可以填补额外的空间。
#footercontainer {
background-image: url("images/vbc_bkg_wfh.png"), url("images/vbc_bkg_footer.png");
background-position: 80% 70px, left top;
background-repeat: no-repeat, repeat;
border-top: 1px solid #270101;
height: 280px;
我已经将高度更改为280px并且似乎始终有效，因为您的页面都缺少相同的间隙高度。如果您正在寻找更深入的内容，我认为您必须检查所有的html以及CSS。这个修复过去对我有用。