Support de cours - Lita

Un élément en position fixée est placé par rapport au haut (top), au bas (bottom),
à la gauche (left) et à la droite (right) de la zone d’affichage. Par défaut, les valeurs
de ces propriétés sont celles qu’aurait eu l’élément s’il était resté dans le flux normal.
L’élément est retiré du flux normal : l’emplacement qu’il aurait occupé dans le
flux normal n’est pas conservé.
Par exemple :
img {
}
position: fixed;
top: 10px;
right: 20px;
Il faut encore une fois faire attention au recouvrement des autres éléments.
Remarque : Si l’on indique en même temps des valeurs pour top et bottom (ou right
et left), alors la hauteur de l’élément height (resp. width) est calculée par le navigateur
(en ajustant les marges ou autre). Par exemple, si l’on souhaite qu’un élément tienne
sur toute la hauteur de la page, on peut fixer top et bottom à 0.
Absolu (absolute) Le positionnement absolu est l’un des plus puissants, mais aussi
le plus complexe à mettre en œuvre : il s’agit de retirer un élément du flux normal
et de le positionner par rapport à son bloc conteneur. Ce bloc conteneur est le
premier élément qui n’est pas en position statique et qui contient (dans le
code Html) l’élément en question.
img {
}
position: absolute;
bottom: 10px;
right: 0;
33