Html 将容器流体固定在固定顶部和固定底部之间

我使用Bootstrap4作为响应模板。我已经使用Bootstrap4的固定顶部和固定底部类修复了页眉和页脚

现在，我想修复页眉和页脚之间的容器类，这样我的内容就可以修复，或者可以在该容器中滚动，而不会干扰页眉和页脚

---

谢谢，请提供建议或帮助。

如果已知页眉和页脚高度，请使用边距：

标题{
背景：红色；
高度：100px；
}
页脚{
背景：绿色；
高度：70像素；
}
.集装箱{
背景：白色；
边缘底部：70像素；
边缘顶部：100px；
}

引导示例
标题
第一内容内容内容内容内容内容
内容内容内容内容内容内容内容内容内容内容内容内容
内容内容内容内容内容内容内容内容内容内容内容内容
内容内容内容内容内容内容内容内容内容内容内容内容
内容内容内容内容内容内容内容内容内容内容内容内容
内容内容内容内容内容内容内容内容内容内容内容内容
内容内容内容内容内容内容内容内容内容内容内容内容
内容内容内容内容内容内容内容内容内容内容内容内容
内容内容内容内容内容内容内容内容内容内容内容内容
内容内容内容内容内容内容内容最后
页脚

您也可以在中间容器上使用fixed top，但它应该有足够的边距，以避免与页眉和页脚重叠

。容器已修复{
背景：黄色；
利润率：40px0；
}

标题
内容
页脚