Fahami mutlak dan relatif_CSS/HTML dalam CSS

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

Mutlak, kaedah penulisan dalam CSS ialah: position:absolute; TOP, KANAN, BAWAH, KIRI (selepas ini dirujuk sebagai TRBL) untuk kedudukan Jika TRBL tidak ditetapkan, lalai adalah berdasarkan 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 kedudukan relatif mutlak Ia merujuk kepada titik asal sebagai titik asal Jika tiada induk, titik asal BODY digunakan titik asal, bersama TRBL Untuk penentududukan, apabila terdapat atribut CSS seperti padding dalam induk, titik asal tahap semasa diposisikan dengan merujuk kepada titik asal kawasan kandungan induk.

Kadangkala kita juga perlu bergantung pada z-index untuk menetapkan hubungan atas dan bawah bekas. Semakin besar nilai, semakin tinggi julat nilainya ialah nombor asli. 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.