如何将页脚放在可见页面的底部？答案

【问题标题】：How to put the footer at the bottom of the visible page?如何将页脚放在可见页面的底部？
【发布时间】：2012-02-08 08:35:28
【问题描述】：

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

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

它的放置方式是这样的

<body>
    some divs..

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

</body>

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

【问题讨论】：

在您的问题右侧，Related 部分中列出了一些帖子。第一个是How do you get the footer to stay at the bottom of a Web page?。可能会解决您的问题
我看到的建议问题贴在底部的页脚。但我想我的意思是将页脚放在屏幕底部？

标签： html css

【解决方案1】：

试试下面的css

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

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

固定的位置使您的页脚即使滚动浏览器窗口也保持在同一位置

【讨论】：

谢谢你成功了。我还找到了一个网站，里面有我想要的，当我用萤火虫看它时，它和你的一样！谢谢

【解决方案2】：

不知道你想达到什么目的。

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

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

【讨论】：

也谢谢你。但我排除了高度。