Css 柔性包裹-堆叠行而不拉伸？

我有一个flex容器，其中有两个固定尺寸的子容器，它们对齐flex end（父容器的底部）

当我调整父对象的大小时，我希望它们彼此包裹在一起，但它们各自占据父对象高度的50%

有没有一种方法可以在不添加另一个div的情况下执行此操作

.wrapper{
宽度：600px；
高度：500px；
显示器：flex；
弯曲方向：行；
调整内容：灵活启动；
对齐项目：柔性端；
背景色：#eeeeee；
调整大小：水平；
溢出：自动；
柔性包装：包装；
}
.一{
宽度：200px；
高度：100px；
背景：红色；
}
.二{
宽度：200px；
高度：100px；
背景：蓝色；
}

1.
2.
< /代码> 您还需要考虑如下：


.wrapper{
宽度：600px；
高度：500px；
显示器：flex；
弯曲方向：行；
调整内容：灵活启动；
对齐内容：flex end；/*添加了此*/
对齐项目：柔性端；
背景色：#eeeeee；
调整大小：水平；
溢出：自动；
柔性包装：包装；
}
.一{
宽度：200px；
高度：100px；
背景：红色；
}
.二{
宽度：200px；
高度：100px；
背景：蓝色；
}

1.
2.