textage ridimensionare contenitore div padre

Question

Come posso far crescere un div in altezza quando un'area di testo viene ridimensionata in html?

Ho il seguente codice

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

Tuttavia quando l'utente ridimensiona, il testo-zona va fuori del suo contenitore, come posso fare l'altezza del div genitore crescere con la dimensione dell'area di testo ?

Immagine di problema

Answer 1

tuo .reply div verranno ridimensionate automaticamente se non si danno altezza fissa. se si vuole ridimensionare solo in verticale di provare a utilizzare -

textarea { 
    resize: vertical; 
    overflow: auto; 
} 

jsfiddle

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