À l'heure actuelle, j'ai div2 à l'intérieur div1 et les deux ont la même taille. Je voudrais ajouter des bordures/marges à div2 mais ne pas réduire la taille de div2 et plutôt augmenter la taille de div1.Développer parent div basé sur la taille de l'enfant + marge
Une idée de comment faire?
Le récipient extérieur ne ont pas besoin d'une propriété width et height. Si tel est le cas, le conteneur externe (.div1) se développera si un élément enfant (.div2) a margin. Voir l'exemple de code pour une meilleure compréhension :)
.div1 {
border: 4px solid #111;
width: auto; /* remove width */
height: auto; /* remove height */
display: inline-block; /* make it more flexible */
}
.div2 {
width: 100px;
height: 100px;
background: cyan;
}
.div2.with-margin {
margin: 20px;
}<div class="div1">
<div class="div2"></div>
</div>
<div class="div1">
<div class="div2 with-margin"></div>
</div>Merci beaucoup pour la clarification! – yoan26
Aucune largeur/hauteur de la div extérieure, mais l'affichage: inline-block à la place ... fait. – CBroe
Merci! Je vais apprendre et étudier cette option inline-block. – yoan26