html - 我如何在CSS中继承 child 的属性(property)？

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>

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

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>