页脚不会粘在页面底部

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

Answer 2

如果你想把你的页脚放在整个页面的末尾，那么你就无所事事了，没有绝对的，没有固定的：只是在所有其他页面之后的一个区块。

Answer 3

尝试使用 身体min-height:100%。 并将display:inline-block提供给内容的包装

Answer 4

试试这个：

.footer {position:absolute;bottom:0;left:0;}