CSS - 创建整个列高度的按钮

Question

是否可以创建一个拉伸相邻表格列高度的按钮？如果它是图像，是否可以拉伸按钮？

我将尝试描述我在下面的布局中要做的事情 - 其中一列只是一个按钮，另一列包含文本和其他数据。

______   ______
|    |   |    |
|    |   |    |
|    |   |    |
|    |   |    |
|    |   |    |
______   ______

Answer 1

可以创建一个仅用CSS拉伸相邻列高度的按钮，但是您需要将它们都放在父<div>内。然后添加display: flex

.mainContainer{
  display: flex;
}

.content{
  height: 200px;
  width:100px;
  border: 1px solid black;
}

<div class="mainContainer">
  <div class="content">
   This has content
  </div>
  <button>Button</button>
</div>