javascript - 页面底部的粘性页脚问题

Question

我目前正在调整我的 code editor's webpage .

我有一个粘性页脚(意思是粘在页面底部，无论如何)。

然而，虽然我不知道怎么回事，但突然间我一定是调整了一些东西，它又不粘了。

你猜怎么着，我无法修复它。 :S(我不得不承认 CSS 从来都不是我的菜...)

有什么想法吗？

---

附注该问题在所有页面/子页面中都很明显，而不仅仅是主页。

---

更新:

伙计们，非常感谢您超快的回复。我认为你是对的。但不是 100% - 也许我没有解释清楚我需要什么。

添加一个 position:fixed 确实将它固定到底部。但是，假设在主页中，页脚位于内容之上(如顶部导航栏)。这不是我需要的。 “粘性”是指它必须位于页面底部。如果它是一个短页面，那么它将出现在底部。如果页面很长，只有滚动到页面底部才能看到它。

Answer 1

将 #footer 的位置更改为 fixed 似乎工作正常。

http://css-tricks.com/snippets/css/fixed-footer/

更新

更新后:删除 body 元素上的 margin-bottom: 45px 并添加 min-height: 100%

body {
    /* margin-bottom: 45px; */
    position: relative;
    min-height: 100% /* for short pages */
}

页脚位置可以保持绝对。

更新

html {
    height: 100%;
}