Rumah  >  Artikel  >  hujung hadapan web  >  Kedudukan mutlak menggunakan CSS

Kedudukan mutlak menggunakan CSS

WBOY
WBOYke hadapan
2023-09-04 12:21:02698semak imbas

使用 CSS 进行绝对定位

Elemen dengan kedudukan berikut: Mutlak terletak pada koordinat yang ditentukan berbanding penjuru kiri sebelah atas skrin.

Anda boleh menggunakan dua nilai atas dan kiri em> bersama-sama dengan kedudukan untuk mengalihkan atribut Elemen HTML ke mana-mana dalam dokumen HTML.

  • Gerak ke kiri - gunakan nilai negatif > Kiri.
  • Bergerak ke kanan - Gunakan nilai positif untuk kiri.
  • Naik - gunakan nilai negatif untuk bahagian atas
  • Bergerak ke bawah - gunakan nilai positif untuk. bahagian atas.

Contoh

Anda boleh cuba jalankan kod berikut untuk mencapai kedudukan mutlak -
<html>
   <head>
   </head>
   <body>
      <div style = "position:absolute; left:80px; top:20px; background-color:yellow;">
         This div has absolute positioning.
      </div>
   </body>
</html>

Atas ialah kandungan terperinci Kedudukan mutlak menggunakan CSS. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Artikel ini dikembalikan pada:tutorialspoint.com. Jika ada pelanggaran, sila hubungi admin@php.cn Padam