textarea 调整父 div 容器的大小答案

【问题标题】：textarea resize parent div containertextarea 调整父 div 容器的大小
【发布时间】：2014-12-13 01:44:34
【问题描述】：

当在 html 中调整文本区域的大小时，如何使 div 的高度增加？

我有以下代码

   <div class="reply">
            <p>Please enter your reply:</p>
            <textarea rows="4" cols="80"></textarea>
            <br />
            <input type="submit" value="Submit reply"/>
            <div class="clear"></div>
   </div>

但是当用户调整大小时，文本区域超出其容器，我怎样才能使父 div 的高度随着文本区域的大小而增长？

问题图片

【问题讨论】：

请发布一些 CSS。问题可能很简单，例如 .reply 具有固定高度，如果没有更多细节就很难分辨。
就是这样，谢谢！

标签： css html textarea

【解决方案1】：

如果您不提供固定高度，您的.reply div 将自动调整大小。如果您只想垂直调整大小而不是尝试使用 -

textarea {
    resize: vertical;
    overflow: auto;
}

jsfiddle

参考：https://developer.mozilla.org/en-US/docs/Web/CSS/resize

【讨论】：

非常感谢，它确实有固定高度！