html - 页脚而不是屏幕底部的页脚

Question

我的页脚有问题。加载页面时，它会加载到屏幕底部而不是页面底部。 我的页脚是一个带有 css 的简单 div，他的父元素是 body。

这是我的CSS代码

.footer{
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1rem;
    background-color: #0063bf;
    color: #fff;
    text-align: center;
}

P.S.:如果有帮助，我会使用 bootstrap。在 bootstrap 方面，我想要一个 navbar-static-bottom，但是 bootstrap 只有 fixed-bottom :( 所以我创建了自己的 css 类。

Answer 1

body 有 position:relative 吗？如果没有，请尝试添加它。