css - 如何相对于页面底部定位页脚/元素？

Question

已结束。此问题需要 debugging details .它目前不接受答案。

---

编辑问题以包含 desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem .这将有助于其他人回答问题。

关闭 8 年前。

Improve this question

我试图将页脚放在页面底部，但收效甚微。

我只能粘贴链接，因为那里有很多 CSS，我不确定我的问题出在哪里。

这是链接:Test ;如果有人愿意帮助我，我将不胜感激。

编辑:问题很旧，网址不再存在，但是当个人需要将页脚(或任何其他元素)定位到底部时，答案可能被认为是有效的页面(所谓的粘性页脚)。

Answer 1

我实际使用过this最近解决。它工作得很好。如果您在页脚中有动态内容，您可以轻松地制作一个脚本，该脚本在调整大小或方向更改时会更改页脚的高度和正文的边距。

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 100px;
}

footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100px; //same height as the margin to the bottom of the body
}