CSS 兩個水平 div 等高

Question

<div>
   <div>
     hello1
   </div>
   <div>
     hello2
   </div>
</div>

我希望兩個內部div占據/填充外部div的整個空間（高度/垂直）。 但是兩個內部div應該具有相同的高度

Answer 1

您可以使用 CSS 的flexbox ，請參閱下面的示例：

 .row { display: flex; } .col { border: 1px solid; flex: 1; }

 <div class="row"> <div class="col"> hello1 </div> <div class="col"> hello2<br> same height! </div> </div>