页脚没有粘在我的页面底部.它只会一直到我的屏幕底部.(HTML CSS)

Question

我的页脚没有粘在页面底部。它只会一直到屏幕底部，但当我向下滚动时，页脚会卡在屏幕底部的位置。它会粘在我的屏幕底部，但不会粘在我整个页面的底部。有人帮帮我，我几乎什么都试过了。正文和html也不占我整个页面的大小，只占我1920 x 1080屏幕的大小。我尝试了各种尺寸，比如100vh、100%、最小宽度，将页脚div设置为底部为0的绝对值，但都不起作用：((我也是个新手(

有一次，我设法让正文填满了整个页面，但页脚仍然卡在这个位置。

Answer 1

尝试将body设置为：

position:相对(因此页脚根据身体的位置设置其绝对位置(

你甚至可能需要做：

   body {
        min-height: 100vh //as you have already
        position: relative;
        padding-bottom: 150px //same height as you footer
    }

Answer 2

实现这一点的最简单方法是使页面的正文为100%，最小高度也为100%如果页脚的高度没有更改，则可以正常工作。

给页脚容器一个负边距顶部：

footer-container {
    clear: both;
    position: relative;
    height: 150px;
    margin-top: -150px;
}