让页脚粘在底部而不向页面添加空白（最小高度：100vh）答案

【问题标题】：Get the footer to stick to the bottom without adding white space to the page (min-height: 100vh)让页脚粘在底部而不向页面添加空白（最小高度：100vh）
【发布时间】：2022-02-04 20:23:20
【问题描述】：

在我正在创建的网站的某些页面上，由于缺少内容，页脚不会粘在底部，并且在其下方有一个不需要的空白区域。谷歌搜索这个问题，我发现了不同的解决方案，比如this one。所以我认为min-height: 100vh 是最终的解决方案。问题是当我将该属性用于主页容器时，它会在内容下方添加空白以使页脚粘在底部，这又是不可取的：

在我看来，它只是将空白区域放在其他地方（在页面中间而不是在页面底部）。将页脚保持在底部是否有更简洁的解决方案？

【问题讨论】：

你不能使用位置：固定吗？
这是一个重复的顺便说一句：stackoverflow.com/questions/18915550/…
你能再上传你的图片吗？
@M.RMRF：为什么？我只是想说明我所指的不受欢迎的空白。
您上传的图片不可用...

标签： css height whitespace footer

【解决方案1】：

我认为您需要关注您的页脚...

#bottom-footer {
    position: fixed;
    bottom: 0;
    width: 100%;
}

谢谢

【讨论】：