div hauteur expender css

Question

je suis en train de mettre un dispositif d'expansion textarea sur un div et je ne peux pas trouver l'élément droit de fixer, ici l'explication de ce que je suis en train de faire:

dans l'entrée textarea tags dans le coin inférieur il y a expandeur pour l'utilisateur de définir la taille qu'il veut hes textarea être

ma question est, est-il un moyen de mettre quelque chose comme ça sur un div? Je ne cherche pas de code javascript, css ou html serait super.

Answer 1

Utilisez CSS3 resize: both;, comme on le voit ici: http://dhtmlexamples.com/2011/01/20/creating-a-user-resizable-div-tag-using-css3/

<style type="text/css"> 
    .isResizable { 
     background: rgba(255, 0, 0, 0.2); 
     font-size: 2em; 
     border: 1px solid black; 
     overflow: hidden; 
     resize: both; 
     width: 160px; 
     height: 120px; 
     min-width: 120px; 
     min-height: 90px; 
     max-width: 400px; 
     max-height: 300px; 
    } 
</style> 

<div class="isResizable">The quick brown fox jumps over the lazy dog.</div>