Mengapa Elemen Kedudukan Tetap Boleh Beralih dengan Elemen Adik Beradiknya?-tutorial css-php.cn

Mengapa Elemen Kedudukan Tetap Boleh Beralih dengan Elemen Adik Beradiknya?

Patricia Arquette

Lepaskan： 2024-10-24 18:43:26

asal

481 orang telah melayarinya

Why Can a Fixed-Positioned Element Shift with Its Sibling Elements?

Mengapa Elemen Kedudukan Tetap Bergerak dengan Adik Beradiknya

Walaupun dialih keluar daripada aliran dokumen dengan kedudukan: tetap, elemen masih boleh dipengaruhi oleh adik-beradiknya. Ini berlaku disebabkan oleh cara viewport dikira.

Viewport ialah kawasan dalam tetingkap penyemak imbas yang boleh dilihat oleh pengguna. Ia dikira menggunakan elemen aliran masuk, iaitu elemen yang mengambil bahagian dalam aliran dokumen biasa.

Dalam HTML yang disediakan, elemen aliran masuk pertama ialah , yang mempunyai margin atas : 90px. Sejak

elemen telah ditetapkan, ia tidak dipertimbangkan dalam pengiraan viewport.

Walau bagaimanapun, margin lalai 8px pada elemen runtuh dengan jidar pada . Ini menyebabkan kedua-dua elemen bergerak ke bawah sebanyak 90px, menjejaskan kedudukan pengepala tetap.

Untuk membetulkannya, cuma tambahkan atas: 0 pada CSS pengepala untuk meletakkannya di bahagian atas port pandangan, bebas daripada jidar unsur adik beradik.

Atas ialah kandungan terperinci Mengapa Elemen Kedudukan Tetap Boleh Beralih dengan Elemen Adik Beradiknya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!