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