页脚不会停留在火狐浏览器的底部

Question

所以我使用以下代码将页脚保留在页面底部：

这是一个 vue 项目 #app 所以我的容器，里面有我的内容和页脚。

#app {
min-height: 100%;
position: relative;
}
.footer {
position: absolute;
bottom: 0;
width: 100%;
height: 5rem;
}

这在Chrome中效果很好，但不知何故Firefox并不真正关心，只是让我的页脚浮动在我的内容下方。

我在这里错过了什么吗？

Answer 1

我认为您应该将位置更改为位置：固定。