Bootstrap 4 全高容器填充剩余高度
我正在努力学习Bootstrap4，重新设计一个简单的应用程序 该应用程序有一个固定高度的页眉，一个固定高度的页脚，需要一个灵活的中心容器使用剩余的高度 这让我发疯，因为我试过很多例子。没有工作的地方 看到我最后一次尝试的代码笔了吗Bootstrap 4 全高容器填充剩余高度,bootstrap-4,Bootstrap 4,我正在努力学习Bootstrap4，重新设计一个简单的应用程序 该应用程序有一个固定高度的页眉，一个固定高度的页脚，需要一个灵活的中心容器使用剩余的高度 这让我发疯，因为我试过很多例子。没有工作的地方 看到我最后一次尝试的代码笔了吗 文档、html、正文{ 身高：100%； 宽度：100%； 位置：绝对位置； } #顶部容器{ 高度：95px； } #中心容器{ 职位：继承； 身高：100%； } #底部容器{ 高度：45px； } 测试结构 1. 2. 3. 1. 2. 3. 1. 2.
文档、html、正文{
身高：100%；
宽度：100%；
位置：绝对位置；
}
#顶部容器{
高度：95px；
}
#中心容器{
职位：继承；
身高：100%；
}
#底部容器{
高度：45px；
}
测试结构
1.
2.
3.
1.
2.
3.
1.
2.
3.
flex growflex-grow只有父元素具有display flex属性时，flex grow才起作用
*{
边际：0px；
填充：0px；
身高：100%；
}
.家长{
显示器：flex；
弯曲方向：立柱；
}
.顶部固定{
高度：50px；
背景色：红色；
}
.底部固定{
高度：40px；
背景颜色：蓝色；
}
.可扩展{
柔性生长：1；
背景颜色：绿色；
}