Comment faire css mise en page fixe
statique est la valeur par défaut. Un élément de position: static; n'est pas positionnée d'une manière particulière. Un élément statique est dit pas positionné et est dit être positionné un élément avec sa position définie sur toute autre chose.
se comporte par rapport à la même statique sauf si vous ajoutez des propriétés supplémentaires.
Réglage du haut. droite. bas. et les propriétés gauche d'un élément relativement positionné vont amener à être ajustée à une distance de sa position normale. Autre contenu ne sera pas réglé pour correspondre à tout vide laissé par l'élément.
salut! Ne pas prêter attention encore à moi.
Un élément fixe est positionné par rapport à la fenêtre, ce qui signifie qu'il reste toujours au même endroit, même si la page défile. Comme dans le cas relatif. haut. droite. bas. et les propriétés de gauche sont utilisés.
Je suis sûr que vous avez remarqué que l'élément fixe dans le coin inférieur droit de la page. Je vous donne la permission de prêter attention à maintenant. Voici le CSS qui met là:
Un élément fixe ne laisse pas une lacune dans la page où il aurait normalement été localisé.
Les navigateurs mobiles ont un soutien étonnamment fragile pour fixe. En savoir plus sur la situation ici.
absolue est la valeur de position la plus délicate. se comporte comme absolues déterminées à l'exception par rapport à l'ancêtre positionné le plus proche de la place par rapport à la fenêtre. Si un élément absolument positionné n'a pas d'ancêtres positionnés, il utilise le corps du document, et se déplace toujours avec le défilement de la page. Rappelez-vous, un élément « positionné » est celui dont la position est tout sauf statique.
Voici un exemple simple:
Cet élément est relativement positionné. Si cet élément était position: static; son enfant positionnement absolu échapperait et serait positionné par rapport au corps du document.
Cet élément est absolument positionné. Il est positionné par rapport à son parent.
Ce truc est délicat, mais il est essentiel de créer de grandes mises en page CSS. Sur la page suivante, nous allons utiliser la position dans un exemple plus pratique.