html - 页脚不粘在页面底部

Question

我找不到“页脚”不粘在页尾的原因，正文不是真正的 100% 高度。

我在这个链接中有代码:

https://dl.dropbox.com/u/107452929/flow/CWSMainTitle.htm

Answer 1

添加position:fixed

footer {
position: fixed;
bottom: 0;
left: 0;
right: 0;
height: 30px;
}

---

如果你想让页脚贴在页面底部，那么你需要添加一个 div 来包装整个代码并将 position:relative 给包装器 div 并保持你的页脚 css 不变。

在这种情况下，页脚有父 div 来应用绝对位置，但在您当前的代码中，您没有父 div 来放置绝对位置。

HTML

<div class="wrapper">
your full html code here
</div>

CSS

.wrapper{
position:relative;
height:auto;
}

LIVE DEMO

---

如果您对 position:absolute 没有特别要求，那么您可以将其更改为 position:relative 并将页脚 html 标记放在页面末尾。在这种情况下，您无需添加包装器 div。

DEMO 2