Positionnement CSS
position : méthode de positionnement des éléments, les valeurs sont statiques, fixes, relatives, absolues
statique : positionnement statique (état par défaut, non positionné ).
Fixe : Positionnement fixe.
Relatif : positionnement relatif.
Absolu : Positionnement absolu.
La méthode de positionnement doit être utilisée en conjonction avec l'attribut de positionnement
Coordonnées de positionnement : spécifiez l'élément de positionnement et sa distance par rapport au élément cible.
gauche : élément de positionnement, distance du côté gauche de l'élément cible.
haut : élément de positionnement, distance du haut de l'élément cible.
droite : élément de positionnement, distance du côté droit de l'élément cible.
bas : élément de positionnement, distance du bas de l'élément cible.
Positionnement fixe, position : fixe
Le positionnement fixe est relatif à la fenêtre du navigateur.
Positionnement fixe, n'occupe pas d'espace et a un niveau plus élevé que les éléments ordinaires. Il ne défile pas pendant que la page Web défile.
Si aucune coordonnée de positionnement n'est spécifiée, la position de l'élément de positionnement fixe reste en place.
L'élément de positionnement fixe doit être un "élément de bloc", quel que soit l'élément dont il s'agit.
Positionnement relatif, position:relative;
Le positionnement relatif, est relatif à " « moi originel » pour vous positionner.
Le positionnement relatif, prend toujours de la place et a un niveau plus élevé que les éléments ordinaires.
Si aucune coordonnée de positionnement n'est spécifiée, la position de l'élément positionné relativement restera en place.
Le positionnement relatif signifie que s'il s'agissait à l'origine d'un élément en ligne, ce sera toujours un élément en ligne après le positionnement ; s'il s'agissait à l'origine d'un élément de bloc, ce sera toujours un élément de bloc après le positionnement ; positionnement.
Remarque : Le positionnement relatif et le positionnement absolu sont généralement utilisés ensemble.
Positionnement absolu, position:absolute
Si son élément parent n'a aucun positionnement, recherchez l'élément positionné vers le haut.
Si le <body> est toujours trouvé mais qu'aucun élément de positionnement n'est trouvé, positionnez-le par rapport à <body>.
Des éléments absolument positionnés, qui ne prennent pas de place et ont un niveau supérieur aux éléments ordinaires.
Si aucune coordonnée de positionnement n'est spécifiée, la position de l'élément positionné de manière absolue restera en place.
L'élément absolument positionné est un "élément de bloc".
section suivante