web-dev-qa-db-fra.com

Comment faire une zone de texte pour remplir un bloc div?

Vérifiez jusqu'où je l'ai obtenu 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 que la zone de texte ait exactement la même largeur que le bloc de commentaire?

csstextareawidth
32
Rihards

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

Une solution rapide pour cela consiste à 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/

Il a déjà été déconseillé d'utiliser des largeurs telles que 99% ou un peu moins pour ajuster dans la division du conteneur.

49
acpmasquerade

Le dimensionnement des zones textuelles 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 la largeur: 99% ....

Je vous suggère d'utiliser un div autour de la zone de texte pour dessiner la bordure arrondie et supprimer la bordure sur la zone de texte elle-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%.

5
Vinz