如何使我的页脚停留在Stack Overflow的底部？

Question

我想知道如何让我的页脚粘贴到Stackoverflow的底部。

如果我给它一个位置：绝对和底部：0px;它停留在同一个地方。我也不想要一个职位：固定;之一。

我已经在网上搜索了一段时间，但我找不到合适的解决方案。 感谢每一件衣服！

Answer 1

你可能正在寻找一个粘性的页脚。您可以在CSS tricks

找到示例

Answer 2

简单的答案是将clear: both属性添加到CSS页脚类。

Answer 3

请通过以下链接查看工作示例：

Example 1

Example 2

Example 3

   #footer {
    position: absolute;
    bottom:0;
    width: 100%;
    background-color:#CCC;
    color:#333;
    padding:20px;
}

希望这有帮助。

Answer 4

您可以尝试将此css添加到页脚类：

HTML：

<div class="footer">
   <p>Copyright 2013</p>
</div>

CSS：

.footer{
width: 100%;
position:relative;
bottom: 0; //fixes the footer to the bottom of the page.
height: 80px;
}