Apakah yang termasuk kedudukan dalam susun atur halaman?

Kedudukan dalam susun atur halaman termasuk statik, relatif, mutlak, tetap dan melekit. Pengenalan terperinci: 1. statik, nilai lalai, elemen dibentangkan mengikut aliran dokumen biasa 2. relatif, elemen diposisikan relatif kepada kedudukan biasa 3. mutlak, elemen diposisikan relatif kepada bukan yang terdekat; -elemen induk yang diposisikan secara statik; 4. Ditetapkan, elemen diposisikan secara relatif kepada tetingkap penyemak imbas dan tidak menukar kedudukan semasa tatal halaman, dsb.

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

Atribut kedudukan dalam susun atur halaman digunakan untuk mengawal kedudukan elemen pada halaman. Ia mengandungi nilai berikut:

1. statik (kedudukan statik): Nilai lalai, elemen dibentangkan mengikut aliran dokumen biasa dan tidak dipengaruhi oleh atribut seperti atas, bawah, kiri dan kanan.

2. relatif (kedudukan relatif): Elemen diposisikan secara relatif kepada kedudukan normalnya. Anda boleh menukar kedudukan elemen dengan menetapkan atribut atas, bawah, kiri, kanan dan lain-lain, tetapi ia masih menduduki ruang asal.

3. Kedudukan mutlak: Elemen diposisikan secara relatif kepada elemen induk bukan statik yang terdekat. Jika tiada elemen induk yang tidak diposisikan secara statik, ia diposisikan secara relatif kepada dokumen. Tukar kedudukan elemen dengan menetapkan atribut atas, bawah, kiri, kanan dan lain-lain tanpa menduduki ruang asal.

4. tetap (kedudukan tetap): Elemen diposisikan secara relatif kepada tetingkap penyemak imbas dan tidak mengubah kedudukan semasa halaman menatal. Tukar kedudukan elemen dengan menetapkan atribut atas, bawah, kiri, kanan dan lain-lain tanpa menduduki ruang asal.

5. Melekit (kedudukan melekit): Elemen ditetapkan pada halaman apabila ditatal ke kedudukan tertentu. Anda boleh menentukan kedudukan elemen sebelum dan selepas kedudukan melekit berkuat kuasa dengan menetapkan atribut seperti atas, bawah, kiri dan kanan.

Atribut kedudukan ini boleh digunakan bersama-sama dengan atribut lain, seperti atribut z-index untuk mengawal susunan susunan elemen, atribut transform untuk mengawal kesan transformasi elemen, dsb.

Dalam susun atur halaman, penggunaan fleksibel atribut kedudukan boleh mencapai pelbagai kesan susun atur yang kompleks. Contohnya, kedudukan relatif dan mutlak boleh digunakan untuk melaksanakan susun atur dua lajur, susun atur tiga lajur, bar navigasi terapung, dsb. Pada masa yang sama, digabungkan dengan atribut dan teknik lain, susun atur responsif, susun atur bawah tetap, susun atur berpusat, dsb. juga boleh dilaksanakan.

Perlu diingat bahawa apabila menggunakan atribut kedudukan, perhatikan susunan elemen untuk mengelakkan oklusi atau salah jajaran. Selain itu, menyalahgunakan atribut kedudukan boleh menyebabkan reka letak halaman mengelirukan dan menjejaskan pengalaman pengguna, jadi anda perlu mempertimbangkannya dengan teliti semasa menggunakannya. .

Atas ialah kandungan terperinci Apakah yang termasuk kedudukan dalam susun atur halaman?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!