Déplacez les emojis les uns sur les autres en utilisant un positionnement relatif

1. Comment positionnez-vous deux éléments les uns sur les autres?
2. Qu'est-ce que le positionnement relatif?
3. Comment positionner un élément au-dessus d'un autre dans CSS?

Comment positionnez-vous deux éléments les uns sur les autres?

Utilisation de la propriété de position CSS: la position: absolue; la propriété est utilisée pour positionner n'importe quel élément en position absolue et cette propriété peut être utilisée pour empiler les éléments les uns sur les autres. En utilisant cela, n'importe quel élément peut être positionné n'importe où quelle que soit la position d'autres éléments.

Qu'est-ce que le positionnement relatif?

Un élément relativement positionné est un élément dont la valeur de position calculée est relative . Les propriétés supérieure et inférieure spécifient le décalage vertical de sa position normale; Les propriétés gauche et droite spécifient le décalage horizontal.

Comment positionner un élément au-dessus d'un autre dans CSS?

Vous pouvez utiliser la propriété de position CSS en combinaison avec la propriété Z-Index pour superposer un div individuel sur un autre élément div. La propriété Z-Index détermine l'ordre d'empilement pour les éléments positionnés (i.e. Éléments dont la valeur de position est celle absolue, fixe ou relative).