Html 如何根据最高子级的高度设置父级div高度？

我有一行和两列（本例中一列为flex）。我想将行的高度设置为最高子元素的高度。在没有明确设置行的高度的情况下，我很难做到这一点

.row{
背景：黄色；
}
.专栏1{
浮动：左；
宽度：50%；
}
.专栏2{
浮动：左；
宽度：50%；
显示器：flex；
对齐项目：居中；
证明内容：中心；
弯曲方向：立柱；
背景：水；
}
img{
宽度：100%；
}

此列应与另一列的高度相匹配

添加样式

显示：flex在带有类行的div上
在行中使用
显示：flex
。若将flex赋予父对象，则无需将float属性赋予子对象


.row{
背景：黄色；
显示器：flex；
}
.专栏1{
宽度：50%；
}
.专栏2{
宽度：50%；
显示器：flex；
对齐项目：居中；
证明内容：中心；
弯曲方向：立柱；
背景：水；
}
img{
宽度：100%；
}

此列应与另一列的高度相匹配

谢谢！我很高兴我问了，这并不像我想象的那么复杂。是的，它并不复杂：）如果这个答案对你有帮助，那么你可以接受并投票，这样就可以帮助其他有类似问题的人了。：）如果你想要50%的子宽度，那么你可以给flex-grow:1给flex-child