html - 粘性页脚。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%，因此它基于您从搜索查询中获得的结果数量。我希望页脚始终贴在容器下方。当你没有结果时，我只想把它放在屏幕底部。

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

score 3 · Accepted Answer

尝试这个：

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

用固定改变绝对位置

score -1 · Accepted Answer

2 回答 2