Html 使页脚粘到底部，而不是重叠容器

我试图使这个页脚div粘贴到页面底部，并且不与container div重叠

我尝试添加一个与页脚高度相同的push类，但未成功：

.push {
    min-height: 150px;
    position: absolute;
}

---

请帮忙

使用

footer{bottom:0px；position:fixed；}

使用

footer{bottom:0px；position:fixed；}

从容器中移除

位置：绝对值

，您不需要它。 给出页脚

位置：固定
，容器需要
边距底部：150px完成了

从容器中移除
位置：绝对
，您不需要它。
给出页脚
位置：固定
，容器需要
边距底部：150px完成了

我想尝试一下，然后想出我自己的解决方案，这只是一点点css和html


html，
身体{
身高：100%；
保证金：0；
}
.身体{
最小高度：计算（100%-2rem）；
宽度：100%；
背景颜色：灰色；
}
.页脚{
高度：2em；
宽度：100%；
背景颜色：黄色；
}

作为主体的测试
测试为页脚
我想尝试一下，然后想出我自己的解决方案，这只是一点点css和html


html，
身体{
身高：100%；
保证金：0；
}
.身体{
最小高度：计算（100%-2rem）；
宽度：100%；
背景颜色：灰色；
}
.页脚{
高度：2em；
宽度：100%；
背景颜色：黄色；
}

作为主体的测试
测试为页脚