Introduction aux quatre propriétés du positionnement en CSS

Cet article vous présente les quatre attributs du positionnement en CSS. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer.

L'attribut de position CSS
a un total de quatre attributs :

statique

La valeur par défaut est cet attribut dans des circonstances normales et le fait généralement pas besoin d'être écrit.

relatif

Pour décaler des éléments, utilisez haut, droite, gauche, bas pour décaler et utilisez z-index pour séparer les niveaux.

  
  
1
 
2
 
3
 

relatif est un décalage basé sur sa valeur d'origine. Autrement dit,est positionnépar rapport à lui-même.

absolu
est positionné par rapport aucorpsou par rapport à l'élément parent positionné le plus proche.

  
  
1
 
 2 
3
 
 

fixe
La désignation de positionnement fixe est toujours positionnée en fonction du coin supérieur gauche de la fenêtre du navigateur. Quelle que soit la façon dont vous faites rouler la souris, elle sera positionnée en fonction du coin supérieur gauche de la fenêtre du navigateur une fois que vous l'aurez déplacée. Par exemple, la barre de navigation de nombreux sites Web officiels utilise un positionnement fixe, de sorte qu'elle puisse toujours ressentir le pic de solitude en haut.

Remarque : Ces trois positionnements s'éloigneront du flux documentaire, ils doivent donc être utilisés de manière appropriée !

Recommandations associées :

Un résumé des styles couramment utilisés en CSS et un résumé des attributs couramment utilisés en CSS

Comment implémenter des cartes dans l'effet de retournement d'image CSS ? (Exemple d'effets spéciaux)

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!