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

Question

我在基于模板的网站中编辑了一个页脚(所有页面都应该建立在相同的结构上，对吧？)

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

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

这个页面看起来不错:

page1 page2

这些看起来不太好

Page1 Page3

Answer 1

与文档的高度有关。 body 标签只和页脚结束点一样高，它下面的白色间隙仍然是 html 元素，但是 中没有足够的内容body 标签将页面扩展到浏览器底部，如页面 1 和 2。

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