html - 页脚不粘在页面底部

Question

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

我在此链接中有代码：

score 2 · Accepted Answer

添加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;
}

如果您不特别关注，position:absolute则可以将其更改为position:relative并将页脚 html 标记放置在页面末尾。在这种情况下，您不需要添加包装器 div。

score 0 · Accepted Answer

0

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

于 2012-10-30T10:43:07.610 回答

score 0 · Accepted Answer

0

尝试这个：

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

于 2012-10-30T10:45:29.387 回答

score 0 · Accepted Answer

如果您想将页脚放在整个页面的末尾，那么您无事可做，没有绝对的，没有固定的：只是在所有其他人之后的一个块。

4 回答 4