textarea resize parent div container

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