Html 将页脚粘贴到页面底部

我目前正在建设一个网站，并要求我的页脚坚持在页面底部-我有点挣扎-下面是我的HTML和CSS的一个例子-我需要页脚留在底部，如果页面很小，但随着页面的增长，如果它变大。 HTML:

---

我看到的一个问题是容器类的重复使用。您应该使用单独的类名来设置内容容器和页脚容器，或者可以使用css选择器

    body > .container 

否则，我会尝试切换.main的css以获得下面的css规则。高度和填充必须是相等的固定大小

    .main
        padding-bottom: 100px;
    .footer
        height: 100px; // FIXED HEIGHT IS IMPORTANT

---

互联网上有很多这样的例子。我用过，发现效果很好。希望这有所帮助。

我看到的一个问题是容器类的重复使用。您应该使用单独的类名来设置内容容器和页脚容器，或者可以使用css选择器

    body > .container 

否则，我会尝试切换.main的css以获得下面的css规则。高度和填充必须是相等的固定大小

    .main
        padding-bottom: 100px;
    .footer
        height: 100px; // FIXED HEIGHT IS IMPORTANT

---

互联网上有很多这样的例子。我用过，发现效果很好。希望这能有所帮助。

您想要的是将CSS元素分配给

。清除
#容器
下方和
#页脚
上方的

。您希望它实质上向下推动页脚，使其粘到底部

这篇教程对我很有帮助，整个页面都是一个粘性页脚

---

您想要的是将CSS元素分配给

。清除
#容器
下方和
#页脚
上方的
。您希望它实质上向下推动页脚，使其粘到底部

这篇教程对我很有帮助，整个页面都是一个粘性页脚

显然，有很多方法可以做到这一点。遵循本教程也可以实现此技巧：

显然，有很多方法可以做到这一点。遵循本教程也可以实现此技巧：


使用
位置：固定
和
底部：0px

使用
position:fixed
和
bottom:0px
可能的重复可能会很好，但允许页脚始终可见，我只希望它位于底部，但是在不返回结果的搜索结果页面上，我希望页脚保持在底部这将非常好，但允许页脚始终可见，我只希望它位于底部，但在不返回结果的搜索结果页面上，我希望页脚保持在底部
#footer{
width: 100%;
background-image: url('../images/nav_bg.png');
color: white;
font-weight: lighter;
position: fixed;
bottom:0px;
padding: 20px 0;
height: 183px;
}