recherche

Maison  >  Article  >  interface Web  >  Positionnement absolu en utilisant CSS

Positionnement absolu en utilisant CSS

WBOY
WBOYavant
2023-09-04 12:21:02700parcourir

使用 CSS 进行绝对定位

Éléments avec les positions suivantes : Absoluest situé aux coordonnées spécifiées par rapport au coin supérieur gauche de l'écran.

Vous pouvez utiliser les deux valeurs top et left em> avec l'attribut position pour déplacer un élément HTML vers n'importe quelle position dans le document HTML.

  • Déplacez-vous vers la gauche - utilisez des valeurs négatives > gauche.
  • Déplacer vers la droite - Utilisez des valeurs positives pour gauche.
  • Montez - utilisez des valeurs négatives pour le haut de
    • Descendez - utilisez des valeurs positives pour le haut.
Exemple

Vous pouvez essayer d'exécuter le code suivant pour obtenir un positionnement absolu -
<html>
   <head>
   </head>
   <body>
      <div style = "position:absolute; left:80px; top:20px; background-color:yellow;">
         This div has absolute positioning.
      </div>
   </body>
</html>

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
Article précédent：Ajouter un masque à une image en utilisant CSSArticle suivant：Ajouter un masque à une image en utilisant CSS

Articles Liés

Voir plus