显示3个单独的按钮，其中1跨越其旁边两个按钮的高度

<div class="button-container">
  <button class="button">Button 1</button>
  <button class="button">Button 2</button>
  <button class="button button-wide">Button 3</button>
</div>

.button-container {
  display: flex;
  justify-content: space-between;
}

.button {
  width: 100px;
  height: 50px;
}

.button-wide {
  height: 100px;
  align-self: stretch;
}

<div class="button-container">
  <button class="button">Button 1</button>
  <button class="button">Button 2</button>
  <button class="button button-wide">Button 3</button>
</div>

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

.button {
  width: 100px;
  height: 50px;
}

.button-wide {
  grid-row: span 2;
}