粘性页脚。 HTML

Question

我有这个非常简单的页脚：

.footer{
    width:100%;
    background-color:#333;
    height:100px;
    position: absolute;  
    bottom: 0px; 
}

和这个容器：

.container{
    position:relative;
    height:100%;
    width:980px;
    margin:0px auto;
}

容器的（内容）高度为100％，因此它取决于您从搜索查询中获得的结果数量。我希望页脚始终贴在容器底部。当你没有结果时，我只想把它放在屏幕的底部。

我试图给容器一个填充底部容器的高度并改变位置，但它没有帮助。有没有人知道如何解决这个问题？

Answer 1

试试这个：

.footer{ width:100%; background-color:#333; height:100px; position: fixed;
bottom: 0px; }

用固定的

更改绝对位置

<强> DEMO

Answer 2

请参阅此CSS to make HTML page footer stay at bottom of the page with a minimum height

和http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page
我希望这对你有所帮助。