Étirer et redimensionner un div dynamiquement

Question

J'essaie d'étirer Div dès qu'un texte est chargé. Mais le contenu de mon div traverse son conteneur parent. Comment puis-je limiter la div intérieure afin qu'elle ne traverse pas son conteneur parent.

S'il vous plaît, aidez-moi comme j'essaye si longtemps.

Merci d'avance

HP

Answer 1

Utilisez le overflow attribut dans votre CSS.

#myDiv {
    overflow:auto;
}

Selon la largeur que vous attribuez, cela obligera le DIV imbriqué à afficher une barre de défilement une fois qu'il est largement dépassé celui de son parent.

Answer 2

Chaque élément d'une page est une boîte rectangulaire. Le dimensionnement, le positionnement et le comportement de ces boîtes peuvent tous être contrôlés via CSS. Par comportement, je veux dire comment la boîte la gère lorsque le contenu à l'intérieur et autour de lui change. Par exemple, si vous ne définissez pas la hauteur d'une boîte, la hauteur de cette boîte augmentera aussi grande que possible pour s'adapter au contenu. Mais que se passe-t-il lorsque vous définissez une hauteur ou une largeur spécifique sur une boîte, et que le contenu à l'intérieur ne peut pas s'adapter? C'est là que la propriété CSS Overflow entre en jeu, vous permettant de spécifier comment vous souhaitez cela géré.

overflow:auto;

Référence

W3schools
astuces CSS