Position par défaut

La position par défaut est static. Avec cette position…

...les éléments en display block sont alignés les uns en dessus des autres:

positions_utilité_1.png

...les éléments en display inline sont alignés les uns à côté des autres:

positions_utilité_2.png

Les éléments ne se chevauchent pas. Chaque élément est placé à la suite des éléments précédents. On appelle cela le cours normal (normal flow en anglais).

Autres positions

Avec d'autres positions, il est possible…

...de sortir un élément du cours normal:

positions_utilité_3.png

...de décaler un élément par rapport à sa position originale:

positions_utilité_4.png

…de fixer un élément par rapport à la fenêtre du navigateur, et de le garder immobile au scroll: