Rumah > masalah biasa > teks badan

Apakah kedudukan relatif css

小老鼠
Lepaskan: 2023-10-19 10:52:55
asal
3301 orang telah melayarinya

Kedudukan relatif CSS termasuk “kedudukan: relatif;”, “atas: offset;”, “kanan: offset;”, “bawah: offset;”, “kiri: offset;”, dsb. Pengenalan terperinci: 1. kedudukan: relatif;: digunakan untuk menetapkan elemen kepada kedudukan relatif. Selepas menetapkan kedudukan relatif, anda boleh menggunakan atribut atas, kanan, bawah dan kiri untuk melaraskan offset elemen berbanding kedudukan normalnya, dsb.

Apakah kedudukan relatif css

Sistem pengendalian tutorial ini: sistem Windows 10, komputer Dell G3.

Kedudukan Relatif dalam CSS ialah kaedah penentududukan yang meletakkan elemen berbanding kedudukannya dalam aliran dokumen biasa dan tidak menjejaskan reka letak elemen lain. Berikut ialah atribut biasa untuk kedudukan relatif dalam CSS:

  1. kedudukan: relatif;: digunakan untuk menetapkan elemen kepada kedudukan relatif. Selepas menetapkan kedudukan relatif, anda boleh menggunakan atribut atas, kanan, bawah dan kiri untuk melaraskan offset elemen berbanding kedudukan normalnya.

  2. atas: offset;: Menetapkan offset tepi atas elemen berbanding kedudukan normalnya.

  3. kanan: offset;: Menetapkan offset tepi kanan elemen berbanding kedudukan normalnya.

  4. bawah: offset;: Menetapkan offset tepi bawah elemen berbanding kedudukan normalnya.

  5. kiri: offset;: Menetapkan offset tepi kiri elemen berbanding kedudukan normalnya.

Elemen yang diposisikan secara relatif akan menduduki ruang asal dalam aliran dokumen biasa, tetapi selepas kedudukan, kedudukan akan dilaraskan mengikut set offset. Elemen-elemen lain tidak akan terjejas oleh elemen-elemen yang agak kedudukannya dan akan tetap dibentangkan mengikut aliran dokumen biasa.

Kedudukan relatif sering digunakan untuk memperhalusi kedudukan elemen, atau digunakan bersama-sama dengan elemen kedudukan mutlak untuk mencapai kesan reka letak yang lebih kompleks.

Atas ialah kandungan terperinci Apakah kedudukan relatif css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!