Apakah kedudukan relatif css

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.

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!