Html 页脚没有粘到底部

我已经创建了一个网站，但是页脚有问题。当有很多内容时，它会停留在页面底部，但如果页面上的内容很少，我希望它能完美地停留在屏幕底部

网站链接：

如果您看到隐私页面，页脚并不完全位于底部，因此滚动条处于活动状态

我尝试在页脚div中使用bottom:0，并将身体的最小高度保持在100%

---

同时将页脚顶部的边距保持在-60px。似乎什么都不起作用

您正在搜索的内容称为。基本原理很简单（请参见下面的代码）：为页脚指定一个高度，并使用此值将页脚推到顶部，顶部留有负边距。然后，将这个值添加到内容div的填充底部，以便给页脚留出一些空间，就这样

HTML
====
<div id="wrapper">
    <div id="content">
        &nbsp;
    </div>
</div>

<div id="footer">
    &nbsp;
</div>


CSS
===
html, body {
    height: 100%;
}
#wrapper {
    min-height: 100%;
}
#content {
    overflow:auto;
    padding-bottom: 180px; /* value of the footer's height */
}
#footer {
    position: relative;
    margin-top: -180px; /* negative value of the height */
    height: 180px;
    clear:both;
} 

HTML
====
CSS
===
html，正文{
身高：100%；
}
#包装纸{
最小高度：100%；
}
#内容{
溢出：自动；
填充底部：180px；/*页脚高度的值*/
}
#页脚{
位置：相对位置；
边距顶部：-180px；/*高度的负值*/
高度：180像素；
明确：两者皆有；
}