使弹性箱高度取决于特定孩子的身高

Question

我有一个带有flex-flow: row wrap的Flexbox，其中包含两个孩子。我希望flexbox的高度由第一个孩子的身高动态决定，而不是由第二个孩子的身高决定;第二个孩子应该与第一个孩子具有相同的高度，并且滚动为溢出。我怎么能做到这一点？

// HTML

<div class="box">
  <div class="child-1">...content</div>
  <div class="child-2">...content</div>
</div>

// CSS

.box {
  display: flex;
  flex-flow: row wrap;
}

.child-1 {
  // ???
}

.child-2 {
  // ???
}