我正在使用Twitter Bootstrap Framework创建一个网页。我在这里有一个页脚,它位于每页的页面底部,内容很多。但我刚创建了另一个子页面,页脚位于页面中间,如下所示:http://gyazo.com/45232ab25cdeb7705f9775a969051233。
我需要将页脚拉到页面底部。
以下是该页面的地址:http://tomas-nosek.moxo.cz/obsahmp.html。
如何将页脚拉下来?
答案 0 :(得分:3)
将此添加到页脚CSS
footer {
bottom: 0;
position: absolute;
width: 100%;
}
答案 1 :(得分:0)
anstosa给出的示例只会在您进入主页时将页脚绑定到浏览器结束的位置,如果网站内容扩展,它可能会覆盖其他一些内容。
所以只需在页面中填充更多内容和/或在内容div上使用min-height,这样就可以向下推动页脚。如果我想念它并且你希望它被锁定在页面的底部 - 那么就可以了(通常你永远不会使用定位来获得常规的浮动内容!)