Rumah > Artikel > hujung hadapan web > Kedudukan mutlak menggunakan CSS
Kedudukan mutlak menggunakan CSS
- WBOYke hadapan
- 2023-09-04 12:21:02698semak imbas
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
Artikel sebelumnya：Tambahkan topeng pada imej menggunakan CSSArtikel seterusnya：Tambahkan topeng pada imej menggunakan CSS