css - 如何让页脚留在页面底部

Question

我想知道当没有足够的内容时如何让页脚保持在底部。

如果我将它用于 cssposition:absolute; bottom:0;

问题是如果有足够多的内容，页脚会浮动并覆盖内容。

谢谢。

score 1 · Accepted Answer

1

于 2013-07-09T03:35:27.040 回答

score 0 · Accepted Answer

0

你需要定义position: fixed; bottom: 0; width: 100%;

于 2013-07-09T02:24:28.863 回答

score 0 · Accepted Answer

您的结构需要看起来像这样：

<body>
    <section id="wrap><!-- This has header, etc --></section>
    <footer></footer>
</body>

然后是 CSS（其中 50px 是页脚的高度，只需替换它）：

html, body { height: 100%; }
#wrap {
     min-height: 100%;
     padding-bottom: 50px;
}
footer {
    height: 50px;
    margin-top: -50px;
}

3 回答 3