Comment faire textarea pour remplir le bloc div?

Découvrez jusqu'où je l'ai ici: [le lien a été supprimé ] Comment puis-je faire la zone de texte au-dessus du bouton vert pour remplir le bloc div? Je veux dire, comment faire le textarea exactement la même largeur que le bloc de commentaire?

26
demandé sur Rihards 2010-07-02 14:56:38

2 réponses

Veuillez vous référer à cet article qui implémente la propriété CSS3 box-sizing http://css-tricks.com/box-sizing/

Une solution rapide pour cela est de définir

textarea {
     width: 100%;
     -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;    /* Firefox, other Gecko */
     box-sizing: border-box;         /* Opera/IE 8+ */
}

Et voici un exemple de travail qui implémente la propriété box-sizing http://css-tricks.com/examples/BoxSizing/

L'utilisation de largeurs comme 99% ou un peu moins pour ajuster dans le conteneur div, a déjà été déconseillée.

44
répondu acpmasquerade 2014-09-30 06:58:28

Dimensionner textareas en pourcentage n'a jamais fonctionné correctement, j'ai eu le même problème il y a des années et j'ai fini par utiliser width: 99%....

Je vous suggère d'utiliser un div autour de la textarea pour dessiner la bordure arrondie et supprimer la bordure sur le textarea lui-même. De cette façon, la largeur de la zone de texte n'a pas besoin d'être exacte, vous pouvez utiliser 98% ou 99%.

4
répondu Vinz 2012-09-05 23:45:41