Sommaire

Le Positionnement des boîtespositionnement des Boîte:positionnementboîtes

1. Les positions des boîtes

Le positionnement des boîtes fait partie intégrante des CSS 2.1 : https://www.w3.org/TR/CSS2/visuren.html#propdef-position

Actuellement, le W3C travaille sur le module dédié Positioned Layout Module Level 3, qui est encore en Working Draft au 19 mai 2020 : https://www.w3.org/TR/css-position-3/

C’est donc un module qui n’est pas du tout prêt pour la production, il est uniquement utilisable pour des tests en local.

La propriété position des CSS 2.1 accepte plusieurs valeurs :

  • static est le positionnement standard et par défaut de toutes les boîtes qui s’affichent dans le flux normal de la page dans la fenêtre du navigateur. Positionnement des boîtes:static

  • relative permet de positionner un élément relativement à un autre élément. Ce positionnement se fait aussi dans le flux normal de la page. Positionnement des boîtes:position relative

  • absolute implique que l’élément concerné sort du flux normal de la page et s’affiche au-dessus de ce flux. Sa position se détermine par rapport à l’élément parent qui peut être la fenêtre du navigateur. Positionnement des boîtes:absolute

  • fixed donne le même résultat que le positionnement absolu, à la différence que l’élément reste fixe dans ...