Comment puis-je empêcher la zone de texte de s'étirer au-delà de son élément DIV parent?
J'ai cette zone de texte à l'intérieur d'une table qui se trouve à l'intérieur d'un DIV et il semble que la table entière s'étire hors de ses limites.
Vous pouvez voir un exemple de la même situation même dans un cas plus simple, en mettant simplement une zone de texte à l'intérieur d'un div (comme ce qui est utilisé ici sur www.stackoverflow.com)
Vous pouvez voir sur les images ci-dessous que la zone de texte peut s'étirer au-delà de la taille de son parent? Comment éviter cela?
Je suis un peu nouveau dans CSS donc je ne sais pas vraiment quels attributs CSS dois-je utiliser. J'ai essayé plusieurs comme l' affichage et le débordement . Mais ils ne semblent pas faire l'affaire. Y a-t-il autre chose que j'aurais pu manquer?
MISE À JOUR: HTML
CSS
textarea {
max-width: 50%;
}
#container {
width: 80%;
border: 1px solid red;
}
#cont2{
width: 60%;
border: 1px solid blue;
}
Si vous mettez ce code dans http://jsfiddle.net , vous verrez qu'ils agissent différemment. Bien que la zone de texte soit limitée au pourcentage déclaré dans son style css, il est toujours possible de l'amener à faire en sorte que sa table parente soit aussi grande qu'elle le souhaite, puis vous pouvez voir qu'elle déborde sur sa bordure parente. Des idées sur la façon de résoudre ce problème?