在某些页面上css控制页脚在模板中的奇怪行为

Question

我在基于模板的网站上编辑了一个页脚（所有页面应该构建在相同的结构上吗？）

但由于某些原因我找不到，页脚显示不在底部。

也许整个页脚的东西根本不起作用，因为内容很长而我很幸运？

此页面看起来不错：

page1 page2

这些看起来不太好

Page1 Page3

Answer 1

它与文档的高度有关。 body标记只与您的页脚结束的位置一样高，其下方的空白区域仍然是html元素，但body标记内的内容不足以扩展页面到浏览器底部，如第1页和第2页。

这是对模板系统创建方式的限制，有解决方法（例如http://ryanfait.com/sticky-footer/），但这些可能超出您的控制范围。我想说覆盖body元素的height CSS属性对你有用，但我认为它无论如何都没有。

Answer 2

问题是页脚和内容之间的空白？

如果是这样，删除以下声明应该可以解决问题：

#content 
{
   min-height: 550px;
}

请注意，在#content div内部没有太多内容的页面上，单击时联系区域将与页脚重叠。