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>