如何在CSS网格中将按钮与相同高度对齐

.container {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 10px;
}

.button1 {
  grid-column: 1;
  grid-row: 1;
}

.button2 {
  grid-column: 1;
  grid-row: 2;
}

.button {
  height: 100%;
}

<div class="container">
  <button class="button1">按钮1</button>
  <button class="button2">按钮2</button>
</div>

.container {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 10px;
}

.button {
  height: 100%;
}

.button1 {
  grid-column: 1;
  grid-row: 1;
}

.button2 {
  grid-column: 1;
  grid-row: 2;
}