textarea zmiana rozmiaru div elementu nadrzędnego

Question

Jak mogę zwiększyć wzrost div podczas zmiany rozmiaru obszaru tekstowego w html?

Mam następujący kod

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

Jednak gdy użytkownik zmienia rozmiar, the-pole tekstowe wychodzi jej pojemnika, w jaki sposób można sprawić, że wysokość div rosną wraz z wielkością obszaru tekstu ?

Obraz problemu

Answer 1

Twój .reply div zostanie zmieniony automatycznie, jeśli nie dają stałą wysokość. jeśli chcesz zmienić rozmiar tylko pionowo niż spróbuj -

textarea { 
    resize: vertical; 
    overflow: auto; 
} 

jsfiddle

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