Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Apprendre Positionnement Fixe | Positionnement des Éléments
Techniques CSS Avancées

bookPositionnement Fixe

Le positionnement fixe nous permet de positionner un élément par rapport à la fenêtre d'affichage (la fenêtre du navigateur) plutôt que par rapport à son élément parent. Cela signifie que l'élément restera toujours à la même position sur l'écran même si l'utilisateur fait défiler la page.

position: fixed;

Cela peut être utile lorsque nous créons une navigation de page web qui sera toujours disponible pour l'utilisateur ou lorsque nous devons afficher en permanence certaines informations à l'écran. C'est pourquoi nous allons pratiquer et créer le bouton de chat de support, qui sera toujours dans le coin inférieur droit de la fenêtre d'affichage.

index.html

index.html

index.css

index.css

copy

Le bouton de chat est toujours disponible pour l'utilisateur. Il ne disparaît pas lors du défilement. Cela a été réalisé uniquement avec la propriété position: fixed;.

question mark

Quel est le comportement de la propriété position: fixed ?

Select the correct answer

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 2. Chapitre 6

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

bookPositionnement Fixe

Glissez pour afficher le menu

Le positionnement fixe nous permet de positionner un élément par rapport à la fenêtre d'affichage (la fenêtre du navigateur) plutôt que par rapport à son élément parent. Cela signifie que l'élément restera toujours à la même position sur l'écran même si l'utilisateur fait défiler la page.

position: fixed;

Cela peut être utile lorsque nous créons une navigation de page web qui sera toujours disponible pour l'utilisateur ou lorsque nous devons afficher en permanence certaines informations à l'écran. C'est pourquoi nous allons pratiquer et créer le bouton de chat de support, qui sera toujours dans le coin inférieur droit de la fenêtre d'affichage.

index.html

index.html

index.css

index.css

copy

Le bouton de chat est toujours disponible pour l'utilisateur. Il ne disparaît pas lors du défilement. Cela a été réalisé uniquement avec la propriété position: fixed;.

question mark

Quel est le comportement de la propriété position: fixed ?

Select the correct answer

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 2. Chapitre 6
some-alt