Comment créer une DIV après une autre en HTML

Écrivez en code HTML pour un élément DIV et placez tout le contenu de votre choix entre les balises d'ouverture et de fermeture *. Attribuez à l'attribut DIV un ID pour nommer l'élément. Vous devez utiliser un nom unique pour cet élément DIV et ne pas utiliser le même ID plus d'une fois sur la même page Web. Par exemple: * * Le contenu va ici .... *

Créez une seconde DIV sous la première, puis ajoutez tout le contenu que vous souhaitez pour cette DIV. Mettez un attribut ID avec un nom différent du premier. * * Le contenu va ici .... * *

Ouvrez votre fichier CSS ou localisez les balises que vous avez codées dans le fichier HTML. Vous pouvez ajouter des balises si elles ne sont plus présentes. Utilisez le code CSS pour attribuer à chaque DIV un type de position "relatif", comme indiqué dans cet exemple: #firstdiv {position: relative;} #seconddiv {position: relative;}

Ajoutez la propriété "z-index" du code CSS pour chaque élément DIV. Placez la valeur pour "z-index" plus élevée que pour DIV à empiler sur l'autre. La DIV la plus basse de la pile obtient la valeur la plus basse de "z-index". # Firstdiv {position: relative; z-index: 2;} #seconddiv {position: relative; z-index: 1;} Vous pouvez mettre la valeur de "z-index" entre zéro et 999. Vous pouvez utiliser des valeurs négatives, mais elles posent des problèmes dans les compositions complexes et ne fonctionnent pas dans les versions antérieures d'Internet Explorer.