Tafsiran pertukaran mutlak dan relatif_Pengalaman

Blog Pengarang Xiaoyi: http://andymao.com/

Ramai rakan bertanya kepada saya bagaimana membezakan mutlak daripada relatif dan cara menggunakannya? Kita semua tahu bahawa mutlak adalah kedudukan mutlak dan relatif adalah kedudukan relatif, tetapi apakah maksud mutlak dan relatif? Apakah yang mutlak, dan relatif adalah relatif kepada apa? Jadi apakah ciri-ciri yang mereka ada dan apakah kesan yang boleh mereka hasilkan? Apakah jenis kemahiran yang ada di antara keduanya? Mari kita jelaskan satu persatu di bawah.

Mutlak, kaedah penulisan dalam CSS ialah: position:absolute; Ia merujuk kepada sudut kiri atas pelayar dan bekerjasama dengan ATAS, KANAN, BAWAH dan KIRI (selepas ini dirujuk sebagai TRBL) untuk. kedudukan. Jika tiada tetapan Tetapkan TRBL, yang lalai kepada titik asal induk. Jika TRBL ditetapkan dan induk tidak menetapkan atribut kedudukan, maka mutlak semasa akan diletakkan dengan sudut kiri atas penyemak imbas sebagai titik asal, dan kedudukan akan ditentukan oleh TRBL.

Secara umumnya, jika anda menggunakan Absolute untuk memusatkan halaman web, adalah mudah untuk membuat kesilapan, kerana halaman web sentiasa menyesuaikan secara automatik dengan saiz resolusi, dan Absolute akan menggunakan sudut kiri atas pelayar sebagai titik asal, bukan resolusi berubah kedudukan kerana perubahan. Di sinilah ramai orang silap. Ciri-ciri halaman web di sebelah kiri sangat serupa dengan Relatif, tetapi masih terdapat perbezaan penting.

Relatif, kaedah penulisan dalam CSS ialah: position:relative; Ia bermaksud mutlak relatif kedudukan, ia merujuk kepada titik asal induk sebagai titik asal, tanpa induk Kemudian titik asal BODY digunakan sebagai titik asal, dan TRBL digunakan untuk kedudukan Apabila terdapat atribut CSS seperti padding dalam induk, titik asal tahap semasa diposisikan dengan merujuk kepada titik asal bagi. kawasan kandungan ibu bapa.

Kadang-kadang kita juga perlu bergantung pada z-index untuk menetapkan hubungan atas dan bawah bekas. Semakin besar nilai, semakin tinggi julat nilainya. Sudah tentu, satu perkara yang perlu diberi perhatian ialah hubungan ibu bapa-anak tidak boleh ditetapkan ke atas dan ke bawah menggunakan indeks-z Anak mesti berada di atas dan ibu bapa mesti berada di bawah.