Partie 5 - Introduction à CSS

Vue d'ensemble du positionnement CSS

Le positionnement statique (static positioning)

Un bloc positionné de façon statique est dans le flux normal.

Le positionnement flottant (float)

Un bloc flottant est placé dans le flux normal puis "jeté" le plus loin possible à gauche ou à droite.. Du contenu peut de dérouler à côté d'un élément flottant.

Le positionnement relatif (relative)

Les éléments positionnés relativement sont positionnés dans le flux normal puis déplacés. Les élements venant après un élément positionné de manière relative se comportent comme si l'élément positionné relativement était encore à sa place dans le flux normal - en laissant un espace pour.

Le positionnement absolu (absolute)

Un bloc positionné en absolu est complètement extrait du flux normal.

Le positionnement fixe (fixed)

Les éléments positionné de manière fixe sont complètement sorti du flux normal - par rapport à la zone de visualisation. Cela signifie qu'ils ne bougent pas en cas de défilement de la page. Les versions 5 et 6 d'Internet Explorer sur Windows ne supportent du tout pas cette méthode de positionnement.