如何在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> 

我的目標是行繼承第一列的高度屬性。

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>