javascript - 动态设置 Button 的高度为 Textarea 的高度

Question

这是一件小事，但我找不到关于如何去做的任何信息!

在下图中，有一个 textarea 带有样式(和禁用)的 button 纯粹出于美观目的:

但是当你调整 textarea 的大小时，会发生这种情况:

这看起来不太好。

我想将 textarea 的动态高度与 button 的高度联系起来，以便它们在任何高度都保持在一起，但我找不到这样的东西。

如何将一个元素的样式与另一个元素的样式联系起来？

注意 - PHP 比 jQuery/javascript 更有信心，但显然不会拒绝这些语言的答案。

Answer 1

Flexbox 可以做到这一点

div {
  display: inline-flex;
  margin: 1em;
}
textarea,
botton {
  flex: 1;
}

<div>
  <textarea id="output">My size will be matched by the button</textarea>
  <button>Click</button>
</div>