« Le langage CSS/Le positionnement des éléments » : différence entre les versions

On distingue quatrecinq sortes de positionnement, correspondant aux valeurs de la propriété <code>position</code> :

# <code>static</code> : (statique,) lesLes éléments se placent dans l'ordre où ils apparaissent dans le code source, les propriétés de positionnement sont ignorées. C'est le positionnement par défaut quand il n'est pas précisé.

# <code>relative</code> : relative,(relatif) lesLes éléments sont décaléspositionnés relativement par rapport auà positionnementla statique,position puiscourante du nombre despécifié pixelspar définisles avecpropriétés <code>left</code>, <code>right</code>, <code>top</code>, <code>bottom</code>. Attention : si <code>left</code> est défini, <code>right</code> est ignoré, et si <code>top</code> est défini, <code>bottom</code> est ignoré.

# <code>absolute</code> : absolue,(absolu) lesLes éléments sont décaléspositionnés en absolu par rapport au coin supérieur gauche du bloc qui les contient.

# <code>fixed</code> : (fixe,) lesLes éléments sont décaléspositionnés relativement par rapport à la fenêtre du navigateur. Ils ne bougent pas dans la fenêtre quand on fait défiler son contenu.