我尝试使页脚停留在页面底部，但是我添加到内容中的内容越多，范围就越多。我看不到CSS上的错误，因此希望你们中的一个能够对它进行排序。
.footer {
padding-bottom: 0;
background: gray;
width: 100%;
position: absolute;
height: 50px;
bottom: 0;
left: 0;
right: 0;
}
这是一个JSFiddle：https ://jsfiddle.net/367apj76/
非常感谢您的帮助。
position: absolute;从中删除.footer
更新：
您应该使用以下CSS将除页脚以外的所有内容都放在div中：
min-height: calc(100vh - *footer-height*px);
而页脚应在此div之后继续。
这将起作用，因为新的div不能小于窗口大小减去页脚，而是随窗口一起增长（这就是vh目的）。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句