Apakah kegunaan jawatan

Kedudukan mempunyai lima kegunaan: "statik", "relatif", "mutlak", "tetap" dan "melekit": 1. nilai lalai statik, yang bermaksud tiada kedudukan khas; 2. kedudukan relatif relatif, yang bermaksud relatif kepada elemen Kedudukan pada kedudukan dalam aliran dokumen 3. Kedudukan mutlak mutlak, yang bermaksud kedudukan relatif kepada unsur nenek moyang tidak statik yang terdekat, dsb.

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

Dalam CSS, atribut kedudukan mempunyai kegunaan berikut:

1. statik: Nilai lalai, elemen disusun secara normal mengikut aliran dokumen, dan tiada kedudukan khas dilakukan.

2. relatif: Kedudukan relatif, sesuatu elemen diletakkan relatif kepada kedudukan normalnya dalam aliran dokumen. Anda boleh menggunakan sifat atas, kanan, bawah dan kiri untuk melaraskan offset elemen berbanding kedudukan normalnya.

3. mutlak: Kedudukan mutlak, elemen diposisikan secara relatif kepada unsur nenek moyang kedudukan bukan statik yang terdekat. Jika tiada unsur nenek moyang berkedudukan tidak statik ditemui, ia diposisikan secara relatif kepada blok mengandungi awal dokumen. Anda boleh menggunakan atribut atas, kanan, bawah dan kiri untuk menentukan offset elemen berbanding dengan elemen induk yang diposisikan.

4. ditetapkan: Kedudukan tetap, elemen diletakkan relatif kepada tetingkap penyemak imbas dan akan kekal dalam kedudukan tetap walaupun halaman itu ditatal. Anda boleh menggunakan atribut atas, kanan, bawah dan kiri untuk menentukan offset elemen berbanding tetingkap penyemak imbas.

5. melekit: Kedudukan melekit, elemen diletakkan dalam aliran dokumen mengikut kedudukan tatal sehingga ia menjadi kedudukan tetap selepas tatal mencapai ambang tertentu. Anda boleh menggunakan sifat atas, kanan, bawah dan kiri untuk menentukan offset elemen berbanding dengan elemen induk yang diposisikan atau viewport.

Dengan menggunakan kaedah penentududukan ini, digabungkan dengan atribut offset yang sesuai, anda boleh mencapai pelbagai kesan susun atur yang kompleks, seperti mencipta kesan terapung, bar navigasi tetap dan kotak pop timbul diposisikan secara mutlak, dsb.

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