如何在css中继承孩子的属性？

Question

我正在使用CSS gridview创建一个网站，我想让行中最大的元素确定行的高度。示例代码段看起来像这样：

<div class="row-1">
    <div class="col-4" style="height: 40px;">
    </div>
    <div class="col-4">
    </div>
    <div class="col-4">
    </div>
</div>

我的目标是让行继承第一列的height属性。

Answer 1

Flexbox可以做到这一点

.row-1 {
  display: flex;
}
.col-4 {
  border: 1px solid grey;
  width: 200px;
}

<div class="row-1">
  <div class="col-4" style="height: 40px;">
  </div>
  <div class="col-4">
  </div>
  <div class="col-4">
  </div>
</div>