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