Comment puis-je faire en sorte qu'un div occupe la largeur restante de son conteneur parent ?

Maîtriser l'alignement des div : faire en sorte qu'un div occupe la largeur restante

Votre tâche consiste à faire en sorte qu'un div, nommé « div2 », occupe l'espace restant dans un conteneur parent. div, "Principal". Voici l'extrait HTML fourni pour ce scénario :

<div>

Pour atteindre votre objectif, utilisez le code CSS suivant :

#divMain { width: 500px; }
#div1 { width: 100px; float: left; background-color: #fcc; }
#div2 { margin-left: 100px; margin-right: 100px; background-color: #cfc; }
#div3 { width: 100px; float: right; background-color: #ccf; }

Explication :

• Les Divs occupent intrinsèquement toute la largeur de leurs conteneurs parents.
• En attribuant left et des marges droites à "div2" égales aux largeurs de "div1" et "div3", son contenu est effectivement limité à l'intérieur de ces marges.
• La séquence des éléments HTML est cruciale : "div2" doit apparaître après " div3" pour garantir un bon alignement.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!