textarea resize übergeordnete div container

Question

Wie kann ich ein div wachsen in der Höhe, wenn ein Text-Bereich in HTML geändert wird?

Ich habe den folgenden Code

<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> 

jedoch, wenn der Benutzer der Größe der Text-Bereich aus seinem Behälter geht, wie kann ich mache die Höhe der Mutter div mit der Größe des Textbereiches wachsen ?

Bild von Problem

Answer 1

Ihre .reply div wird automatisch angepasst werden, wenn Sie nicht feste Höhe geben Sie. , wenn Sie nur vertikal skalieren möchten als versuchen, mit -

textarea { 
    resize: vertical; 
    overflow: auto; 
} 

jsfiddle

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