Dans le cours : La mise en page CSS : Combiner les flex et les grids

Accédez au cours complet aujourd’hui

Inscrivez-vous aujourd’hui pour accéder à plus de 23 100 cours dispensés par des experts.

Superposer des éléments avec les grids

Superposer des éléments avec les grids - Tutoriel CSS

Dans le cours : La mise en page CSS : Combiner les flex et les grids

Démarrer mon mois d’essai gratuit Acheter pour mon équipe

Superposer des éléments avec les grids

“

Dans le web moderne, il existe encore une manière de superposer des éléments. Pour le coup, on ne va pas utiliser de mode de positionnement particulier, nous allons utiliser les CSS Grids. Pour vous montrer comment cela fonctionne, je suis revenu ici à la situation initiale. Quand je vais dans le code de cette page, vous remarquez que ces trois éléments utilisent tous les trois le mode de positionnement statique, qui est, rappelez-vous, le mode de positionnement par défaut. Donc, ces éléments se positionnent de manière tout à fait naturelle au niveau de cette page, sans intervention aucune de ma part. Si je veux superposer div1 et div2 grâce aux CSS Grids, je vais devoir d'abord définir une grille. Rappelez-vous que pour définir une grille, on s'adresse au conteneur des éléments que l'on veut positionner. Dans mon cas, je veux positionner div1 et div2. Rappelez-vous que ces deux div ont un conteneur commun, un ancêtre commun, c'est l'élément wrapper qui se trouve ici. C'est à ce…

Table des matières