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

Kedudukan tetap menggunakan CSS

WBOY
WBOYke hadapan
2023-09-01 12:57:031161semak imbas

使用 CSS 固定位置

Kedudukan tetap membolehkan anda membetulkan kedudukan elemen ke lokasi tertentu pada halaman, tanpa mengira menatal. Koordinat yang ditentukan adalah relatif kepada tetingkap penyemak imbas.

Anda boleh menggunakan dua nilai ​​​​atas dan kiri serta atribut posisi untuk mengalihkan elemen HTML ke mana-mana kedudukan dalam dokumen HTML.

  • Bergerak ke kiri - Gunakan nilai negatif untuk bergerak ke kiri.
  • Bergerak ke kanan - Gunakan nilai positif kiri.
  • Naik - Gunakan nilai negatif untuk Atas.
  • Move Down - Gunakan nilai positif untuk Atas.
  • Move Down - Gunakan nilai positif untuk Atas.
  • li>

Contoh

Anda boleh cuba jalankan kod berikut untuk mencapai kedudukan tetap

 <html>
    <head>
    </head>
    <body>
       <div style = "position:fixed; left:80px; top:20px; background-color:blue;color:white;">
          This div has fixed positioning.
       </div>
    </body>
</html>

Atas ialah kandungan terperinci Kedudukan tetap 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