Maison >interface Web >tutoriel CSS >Comment utiliser le positionnement CSS ? Comment utiliser le positionnement CSS

Comment utiliser le positionnement CSS ? Comment utiliser le positionnement CSS

云罗郡主
云罗郡主avant
2018-10-18 15:50:313159parcourir

Cet article vous apporte du contenu sur la façon d'utiliser le positionnement CSS ? La méthode d'utilisation du positionnement CSS a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer, j'espère qu'elle vous sera utile.

Comment utiliser le positionnement CSS ? Comment utiliser le positionnement CSS

position

  1. static : Par défaut, l'élément apparaît dans le flux normal.

  2. relatif : Positionnement relatif, par rapport à la position normale, la position d'origine est occupée.

  3. fixe : positionnement fixe, par rapport à la fenêtre du navigateur.

  4. Absolu : Positionnement absolu, positionné par rapport au premier élément parent autre que le positionnement statique, ou par rapport au bloc contenant d'origine s'il n'y a pas d'élément ancêtre positionné. Les éléments suivants occupent leur espace d'origine et l'élément est retiré du flux de documents.

  5. sticky : Position basée sur la position de défilement de l'utilisateur. Bascule entre position : relative et position : positionnement fixe.
    Il se comporte comme position:relative; et lorsque la page défile au-delà de la zone cible, elle se comporte comme position:fixed et elle sera fixée à la position cible.
    Le positionnement des éléments est un positionnement relatif avant de franchir un certain seuil, et un positionnement fixe par la suite.
    Ce seuil spécifique fait référence à l'un des quatre seuils haut, droite, bas ou gauche. En d'autres termes, le positionnement collant ne peut prendre effet qu'en spécifiant l'un des quatre seuils haut, droite, bas ou gauche. Sinon, le comportement est le même que pour le positionnement relatif.

  6. inherit : hérite de la valeur de l'attribut position de l'élément parent.

Hors flux de documents : utilisez float, absolue, fixe. (Les éléments séparés du flux de documents n'occupent plus leurs positions d'origine)

Remarque : Absolute ne peut pas être utilisé avec float en même temps.

Ce qui précède concerne la façon d'utiliser le positionnement CSS ? Une introduction complète à l'utilisation du positionnement CSS. Si vous souhaitez en savoir plus sur le Tutoriel vidéo CSS, veuillez faire attention au site Web PHP chinois.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer