页脚卡在页面中间

Question

我在这个网站上遇到粘性页脚问题：

http://dev.epicwebdesign.ca/allshipsrise/events/

由于某种原因，＃page div将自己限制在标题中。

我无法弄清楚这一点。所有标签都关闭等等.W3C一致性检查器只会抱怨“首字母缩写元素已过时。请改用abbr元素。”。这就是wordpress正在做的事。

它类似于Footer isn't at the bottom of the page但是我已经明确了：两者都在页脚上。

页面太高时页脚很好。我需要它在底部，即使它不是。

有一些潜在的问题，主要来自于试图弥补真正的问题。 （没有设置身高：100％）他们现在都整理好了。

Answer 1

在您的身体中将高度设置为100％，您的页脚将一直显示到页面末尾：）

Answer 2

删除position:relative可解决问题。只需使用firebug删除此元素即可获得结果。

Answer 3

你有一些问题。使用element.style，您使用绝对定位并将其提高85px。将其更改为position="relative"并删除bottom属性。

此：

element.style {
    bottom: 85px;
    position: absolute;
}

变为：

element.style {
    bottom: 0px;
    position: relative;
}

Answer 4

或者另一种解决方法是将margin-top:更改为100％