Html CSS |匹配行内的动态div高度

请随意重新表述我的问题标题，我想不出如何正确表达它

有一些CSS相关的问题。我有一个row元素（不要和bootstrap混淆，这是分开的）。这里面有两列

这两列都是动态的，因为它们在调整大小时会改变高度。如何使div与最高的元素匹配

我正在试图找到一种方法来使用PureCSS实现这一点。希望下面的图片能更多地解释我的理论

下面是我的真实示例，我需要第一列（行在中的那一列）与行中包含的表单div的高度相匹配

有两种选择：

CSS表格

.row{
显示：表格；
宽度：500px；/*用于演示*/
背景色：#eee；
边界间距：5px；
}
上校{
显示：表格单元格；
垂直对齐：顶部；
填充物：5px；
边框：1px纯红；
}
.col1{
宽度：100px；
}

短柱
长柱。Lorem ipsum dolor sit amet，奉献精英。委托人、普通实习律师、律师、律师、律师、律师和律师。Nobis，possimus！自由人，在。生命的最高点，是不是有生命的最高点？

有两种选择：

CSS表格

.row{
显示：表格；
宽度：500px；/*用于演示*/
背景色：#eee；
边界间距：5px；
}
上校{
显示：表格单元格；
垂直对齐：顶部；
填充物：5px；
边框：1px纯红；
}
.col1{
宽度：100px；
}

短柱
长柱。Lorem ipsum dolor sit amet，奉献精英。委托人、普通实习律师、律师、律师、律师、律师和律师。Nobis，possimus！自由人，在。生命的最高点，是不是有生命的最高点？

给container div分配

空白：nowrap

，给child div分配

显示：inline block

怎么样？@Litestone刚刚尝试了你的建议，这与示例中的显示相同您是否尝试将

height

属性设置为

100%

？@Litestone是的，我尝试过，给container div分配

空白：nowrap

，给child div分配

显示：inline block

，这与示例中的显示相同您是否尝试将

height

属性设置为

100%

？@Litestone是的，我尝试过了