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

标签 css sticky-footer css-position

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

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

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

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

最佳答案

我实际使用过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
}

关于css - 如何相对于页面底部定位页脚/元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10470241/

相关文章:

php - 当通过 Controller 路由子 URL 时,Laravel 5.2 balde/css 停止工作

jquery - Bootstrap 选项卡不能单独工作

html - 如何消除div框的边距

html - 粘性页脚冲突 css

html - css/position 主要内容 div 到登录和注册 div 的右侧

html - 相对于动态调整大小和定位的前一个图像定位图像

javascript - 防止div扩展滚动条

html - CSS 问题 - 页脚太长?

jQuery动态设置对象的位置?