如何将页脚放在可见页面的底部?

时间:2012-02-08 08:35:28

标签: html css

我正在改变Openx实现,我添加了一个页脚。它总是在底部,如果页面太长,您需要向下滚动才能看到页脚。但我想要做的是,将页脚放在可见部分的底部。你知道他们把恼人的横幅放在底部,即使你向下或向上滚动,它仍然存在。我不知道它的名字。现在,页脚位于底部。不在div中,所以它总是在底部。但是,有没有办法让它准确定位页面可见部分的大小?我的英语不足以告诉你我的意思。我现在遇到一些英语问题。关于如何做到这一点的任何想法?这是页脚的CSS;

 .footer{
    position: relative;
    margin-top:-100px;
}

它就像

一样
<body>
    some divs..

    <div class="footer">
    </div>

</body>

我应该将页脚放在上面的一个div中吗?我试了但是没用。也许位置应该相对于页面的可见高度?

2 个答案:

答案 0 :(得分:5)

尝试以下css

.footer{
    width:100%;
    position:fixed;
    bottom:0px;
}

并确保您的页脚div是最后一个div。

即使滚动浏览器窗口,固定位置也会使您的页脚停留在同一位置

答案 1 :(得分:1)

不确定你想要达到什么目的。

但如果您希望页脚始终位于页面底部,请尝试以下操作: http://jsfiddle.net/dV44J/

.footer{
width: 100%;
height: 50px;
position: fixed;
bottom: 0px;
}