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

Contenu supprimé Contenu ajouté
→‎Position relative et absolue : traduit de l'anglais
Ligne 21 :
On distingue quatre sortes de positionnement, correspondant aux valeurs de la propriété <code>position</code> :
# <code>static</code> : statique, les éléments se placent dans l'ordre où ils apparaissent dans le code source. C'est le positionnement par défaut quand il n'est pas précisé.
# <code>relative</code> : relatifrelative, les éléments sont décalés par rapport au positionnement statique, du nombre de pixels définis avec <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> : absoluabsolue
# <code>fixed</code> : fixe
 
Exemple :
<source lang=html5>
{{...}}
<p style="position: static; left:50px;">Statique</p><br/>
<p style="position: relative; left:50px;">Relative</p><br/>
<p style="position: absolute; left:50px;">Absolue</p><br/>
<p style="position: fixed; left:50px;">Fixe</p><br/>
</source>
 
== Les balises de bloc et les balises en-ligne ==