如何使三个内部div具有相同的高度？

<div class="container">
  <div class="box">内容1</div>
  <div class="box">内容2，这个div的高度会自动调整以与其他div相同</div>
  <div class="box">内容3</div>
</div>

.container {
  display: flex;
}

.box {
  border: 1px solid black;
  padding: 20px;
  margin: 10px;
}

<div class="container">
  <div class="box">内容1</div>
  <div class="box">内容2，这个div的高度会自动调整以与其他div相同</div>
  <div class="box">内容3</div>
</div>

.container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

.box {
  border: 1px solid black;
  padding: 20px;
  margin: 10px;
}