页脚不在页面底部

时间:2015-01-25 22:01:04

标签: html css twitter-bootstrap

我正在使用Twitter Bootstrap Framework创建一个网页。我在这里有一个页脚,它位于每页的页面底部,内容很多。但我刚创建了另一个子页面,页脚位于页面中间,如下所示:http://gyazo.com/45232ab25cdeb7705f9775a969051233

我需要将页脚拉到页面底部。

以下是该页面的地址:http://tomas-nosek.moxo.cz/obsahmp.html

如何将页脚拉下来?

2 个答案:

答案 0 :(得分:3)

将此添加到页脚CSS

footer {
    bottom: 0;
    position: absolute;
    width: 100%;
}

答案 1 :(得分:0)

anstosa给出的示例只会在您进入主页时将页脚绑定到浏览器结束的位置,如果网站内容扩展,它可能会覆盖其他一些内容。

所以只需在页面中填充更多内容和/或在内容div上使用min-height,这样就可以向下推动页脚。如果我想念它并且你希望它被锁定在页面的底部 - 那么就可以了(通常你永远不会使用定位来获得常规的浮动内容!)