Apakah prinsip kedudukan relatif?

Prinsip penentududukan adalah untuk memperhalusi kedudukan elemen dalam aliran dokumen biasa dengan menukar atribut kedudukan elemen. Apabila elemen ditetapkan kepada kedudukan relatif, ia akan bergerak relatif kepada kedudukannya dalam aliran dokumen biasa. Kedudukan relatif menggunakan atribut atas, kanan, bawah dan kiri untuk mengimbangi kedudukan elemen, dan ini mengimbangi sahaja Ia mempengaruhi. elemen itu sendiri dan elemen bertindihnya, tetapi tidak menjejaskan reka letak elemen lain. Kedudukan relatif tidak mengubah susunan susunan elemen kekal dalam kedudukannya dalam aliran dokumen biasa.

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

Kedudukan relatif ialah kaedah penentududukan CSS yang membolehkan kami memperhalusi kedudukan elemen berbanding aliran dokumen biasa. Prinsip kedudukan relatif dicapai dengan menukar atribut kedudukan elemen.

Dalam CSS, atribut kedudukan sesuatu elemen boleh mempunyai berbilang nilai, termasuk statik, relatif, tetap dan mutlak. Kedudukan relatif dicapai dengan menetapkan atribut kedudukan unsur kepada relatif.

Apabila elemen ditetapkan kepada kedudukan relatif, ia bergerak secara relatif kepada kedudukannya dalam aliran dokumen biasa. Elemen dialihkan berbanding kedudukannya dalam aliran dokumen biasa tanpa menjejaskan reka letak elemen lain.

Secara khusus, prinsip kedudukan relatif boleh diringkaskan sebagai perkara berikut:

Kedudukan awal elemen : Apabila elemen adalah ditetapkan kepada Apabila diletakkan secara relatif, kedudukan awalnya adalah relatif kepada kedudukannya dalam aliran dokumen biasa.

Position offset: Dengan menggunakan atribut atas, kanan, bawah dan kiri, kita boleh mengimbangi kedudukan elemen yang agak berkedudukan. Sifat-sifat ini membolehkan kami menentukan pengimbang unsur berbanding kedudukannya dalam aliran dokumen biasa. , menetapkan atas kepada 10px akan mengalihkan elemen ke bawah 10 piksel.

Julat pengaruh ofset: Ofset kedudukan relatif hanya akan menjejaskan elemen itu sendiri dan elemen bertindih lain, dan tidak akan menjejaskan reka letak elemen lain. Ini ialah perbezaan antara kedudukan relatif dan kedudukan mutlak Pengimbangan kedudukan mutlak mempengaruhi susun atur elemen lain.

Turutan tindanan elemen : Kedudukan relatif tidak akan mengubah susunan susunan elemen dan elemen masih akan mengekalkan kedudukannya dalam aliran dokumen biasa. Jika susunan susunan elemen perlu diubah, sifat CSS z-index boleh digunakan.

Ringkasan

Prinsip kedudukan relatif adalah untuk memperhalusi kedudukan elemen dalam aliran dokumen biasa dengan menukar atribut kedudukan daripada unsur tersebut. Dengan menggunakan atribut atas, kanan, bawah dan kiri, anda boleh mengimbangi kedudukan elemen, dan ofset ini hanya akan menjejaskan elemen itu sendiri dan elemen bertindihnya, dan tidak akan menjejaskan reka letak elemen lain. Kedudukan relatif tidak mengubah susunan susunan elemen Jika anda perlu menukar susunan susunan, anda boleh menggunakan atribut z-index.

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