Html CSS框布局高度展开

我想创建一个长方体布局。它应该像我的布局，但扩展到底部。方框应在显示屏底部结束

我试着用

身高：100%和<代码>最小高度：100%但框不会扩展到底部

是否有一种解决方案可以将这些框从上到下（如从左到右）展开


*{
框大小：边框框；
}
身体{
保证金：0；
身高：100%；
最小高度：100%；
位置：相对位置；
}
.小圆柱{
浮动：左；
宽度：22%；
填充：10px；
高度：40px；
}
.中柱{
浮动：对；
宽度：34%；
填充：10px；
高度：40px；
}
.大{
浮动：左；
宽度：66%；
填充：10px；
高度：80px；
}
.罗：之后{
内容：“；
显示：表格；
明确：两者皆有；
}

只需添加：

min-height: 100vh;

它将设置最小高度到视口（显示大小）高度。
您可以尝试使用flex构建布局，然后使用%或vh值轻松管理高度/宽度


*{
框大小：边框框；
}
身体{
保证金：0；
位置：相对位置；
}
.行{
高度：70vh；
显示器：flex；
弯曲方向：立柱；
柔性包装：包装；
宽度：100%；
}
.第行：第n个孩子（2）{
高度：30vh；
弯曲方向：行；
}
.小圆柱{
宽度：20%；
}
.中柱{
最小高度：50%；
宽度：40%；
}
.大{
身高：100%；
宽度：60%；
}

您所说的展开到底是什么意思？你想让div填充窗口吗？考虑网格或flex@AnuragDaolagajao是的，我想用这个框填充16:9的显示，全屏显示，不调整大小。您定义了子列的高度吗？那样的话，它就不能再扩大了。。您应该尝试使用百分比或flex laoyut