css - textarea 调整父 div 容器的大小

Question

当在 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 的高度随着文本区域的大小而增长？

问题图片

Answer 1

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

textarea {
    resize: vertical;
    overflow: auto;
}

jsfiddle

引用:https://developer.mozilla.org/en-US/docs/Web/CSS/resize