Html 最大高度不适用于有溢流的弯曲儿童

我有一个元素和两个孩子

我正在努力做到：

div根据其1个孩子的需要进行任意增长

另一个总是适合父母的身高

因此，我希望避免在父对象上设置高度

当试图处理第二个子对象的溢出时，会出现问题

代码如下：

.banner{
显示器：flex；
背景颜色：浅蓝色；
溢出：自动；
边框：4倍纯黑；
//最大高度：120px；//1）如果我没有设置，滚动将无法工作
}
.常数{
颜色：白色；
flex:0自动；
宽度：200px；
//高度：150px；2）暂时禁用
边框：4px纯黄色；
背景颜色：橄榄色；
边框：2倍纯红；
}
.集装箱{
显示器：flex；
文本对齐：居中；
}
梅因先生{
最大身高：100%；//3）我应该阻止自己比父母长得更多
弹性：1；
溢出y：滚动；
边框：2倍纯白；
显示器：flex；
弯曲方向：行反向；
对齐项目：柔性端；
柔性包装：包装；
}
.主分区{
文本对齐：居中；
宽度：200px；
高度：80px；
}
.主要方面{
flex:0自动；
颜色：白色；
背景颜色：灰色；
边框：2倍纯黄色；
}
html{
框大小：边框框；
}
*,
*：之前，
*：之后{
框大小：继承；
背景重复：不重复！重要；
最小宽度：0px；
最小高度：0px；
}

A.
B
C
D
E
F
我有固定尺寸的
我可以成长…如果我成长，我的父母也应该成长

如果要在

.main

上使用百分比高度，则需要在

.container

上定义高度。这里有一些选择：谢谢你的信息。我来看看。