Heim  >  Artikel  >  Web-Frontend  >  Absolute Positionierung mit CSS

Absolute Positionierung mit CSS

WBOY
WBOYnach vorne
2023-09-04 12:21:02694Durchsuche

使用 CSS 进行绝对定位

Elemente mit folgenden Positionen: Absolutbefindet sich an den angegebenen Koordinaten relativ zur oberen linken Ecke des Bildschirms.

Sie können die beiden Werte top und left em> zusammen mit dem Attribut position verwenden, um ein HTML-Element an eine beliebige Position im HTML-Dokument zu verschieben.

  • Nach links verschieben – negative Werte verwenden > nach links.
  • Nach rechts verschieben – Verwenden Sie positive Werte für nach links.
  • Nach oben bewegen – negative Werte für die Spitze von
  • Nach unten verwenden – positive Werte für die Spitze verwenden.
Beispiel

Sie können versuchen, den folgenden Code auszuführen, um eine absolute Positionierung zu erreichen -
<html>
   <head>
   </head>
   <body>
      <div style = "position:absolute; left:80px; top:20px; background-color:yellow;">
         This div has absolute positioning.
      </div>
   </body>
</html>

Das obige ist der detaillierte Inhalt vonAbsolute Positionierung mit CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Dieser Artikel ist reproduziert unter:tutorialspoint.com. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen