Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Apprendre Explication du Positionnement Relatif | Maîtrise du Positionnement CSS
Techniques CSS Avancées

bookExplication du Positionnement Relatif

Le positionnement relatif permet de positionner un élément visuellement par rapport à sa position d'origine. Dans le même temps, les éléments voisins ne prennent pas la place de cet élément.

position: relative;

Les propriétés top, left, bottom et right peuvent être utilisées pour indiquer le déplacement visuel d’un élément par rapport à sa position initiale. Les valeurs peuvent être positives ou négatives et exprimées dans différentes unités (px, %, etc.). Exécutons l’exemple suivant pour observer l’effet obtenu :

index.html

index.html

index.css

index.css

copy

Remarque

Il est essentiel de mentionner qu'il n'est pas nécessaire de spécifier toutes les propriétés top, bottom, left et right pour un élément dont la valeur de position diffère de static. Il suffit de définir une propriété pour le positionnement vertical (top ou bottom) et une pour le positionnement horizontal (left ou right).

question mark

Que fait la propriété position: relative ?

Select the correct answer

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 2. Chapitre 2

Demandez à l'IA

expand

Demandez à l'IA

ChatGPT

Posez n'importe quelle question ou essayez l'une des questions suggérées pour commencer notre discussion

Awesome!

Completion rate improved to 2.04

bookExplication du Positionnement Relatif

Glissez pour afficher le menu

Le positionnement relatif permet de positionner un élément visuellement par rapport à sa position d'origine. Dans le même temps, les éléments voisins ne prennent pas la place de cet élément.

position: relative;

Les propriétés top, left, bottom et right peuvent être utilisées pour indiquer le déplacement visuel d’un élément par rapport à sa position initiale. Les valeurs peuvent être positives ou négatives et exprimées dans différentes unités (px, %, etc.). Exécutons l’exemple suivant pour observer l’effet obtenu :

index.html

index.html

index.css

index.css

copy

Remarque

Il est essentiel de mentionner qu'il n'est pas nécessaire de spécifier toutes les propriétés top, bottom, left et right pour un élément dont la valeur de position diffère de static. Il suffit de définir une propriété pour le positionnement vertical (top ou bottom) et une pour le positionnement horizontal (left ou right).

question mark

Que fait la propriété position: relative ?

Select the correct answer

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 2. Chapitre 2
some-alt