Html 将页脚推到页面底部，而不使用“"；位置：绝对；底部：0“；

因此，我试图让我的页脚始终位于页面底部，而不使用“position:absolute”，因为当屏幕变小时，页脚会与页面内容重叠。我也不想使用“position:fixed”，因为我不希望页脚在任何时候都可见。当我使用“position:relative”时，它会在页脚下方创建一个空白，我无法删除它。如果你能帮助我，我将非常感激。我目前正在为我的项目使用Bootstrap4。这是我的密码：

<div class="container">
(some content)
</div>
<footer>
(some content)
</footer>

---

提前感谢。

使用位置固定而不是绝对固定，页脚始终位于页面底部。和底部0，那么它将始终在底部。如果有任何内容与页脚重叠，则可以将z-index设置为100或更高，这样就不会与页脚重叠。

比较js中的document.scrollingElement.scrollHeight和window.innerHeight

如果它们相等，则意味着您的内容在高度上小于视口，您可以使用底部的绝对位置作为页脚，因为它不会覆盖您的实际内容

如果document.scrollingElement.ScrollHeight大于window.innerHeight，则意味着您的内容比视图端口大，因此无需担心，您可以将页脚放在底部，而无需使用position属性

---

若调整窗口大小是您的问题（调整大小可能会改变文档的高度），那个么您可以在窗口上使用调整事件侦听器。在那里，您可以调用函数来执行上述步骤。

Hi！你能详细说明一下吗？我不太清楚您的意思。document.scrollingElement.scrollHeight提供HTML文档的高度。window.innerHeight为您提供查看端口的高度（html将显示的区域）。如果滚动高度不大于内部高度，则意味着您的html文档没有覆盖浏览器的整个区域。所以在这种情况下，可以使用position:absolute作为页脚。由于网页的内容小于视图端口，您的内容不会被浏览器覆盖。如果scrooling height大于内部高度，则意味着您的html文档的高度大于视口。在这种情况下，您可以将页脚放在html代码的末尾，该代码将自动位于底部，而无需使用position:property。在这种情况下，由于滚动高度更大，所以页脚不会挂在中间。

footer {
    position: relative;
    bottom: 0;
    width: 100%;
    background-color: grey;
    text-align: center;
}