textarea输入框外部高度怎么随着一起变化

可以通过设置 textarea 的父元素的高度来实现让外部高度随着 textarea 的高度一起变化。例如：

HTML 代码：

<div class="textarea-wrapper">
  <textarea></textarea>
</div>

CSS 代码：

.textarea-wrapper {
  height: 100px; /* 设置初始高度 */
  overflow: auto; /* 添加滚动条 */
}

.textarea-wrapper textarea {
  height: 100%; /* 设置 textarea 高度为父元素高度 */
  box-sizing: border-box; /* 让 padding 和 border 不会撑大 textarea */
  padding: 10px;
  border: 1px solid #ccc;
  resize: none; /* 禁止用户拖拽调整 textarea 大小 */
}

然后，通过 JavaScript 监听 textarea 的输入事件，并通过改变父元素的高度来实现外部高度的变化。例如：

var textarea = document.querySelector('textarea');
var wrapper = textarea.parentElement;

textarea.addEventListener('input', function() {
  wrapper.style.height = textarea.scrollHeight + 'px';
});

这样，当用户在 textarea 输入内容时，外部的高度就会随着它一起变化。