Rumah >hujung hadapan web >tutorial css >Mengapa Kedudukan Mutlak Bersarang Menyebabkan Elemen Merujuk Kepada Ibu Bapa Mereka Daripada Datuk Nenek?

Mengapa Kedudukan Mutlak Bersarang Menyebabkan Elemen Merujuk Kepada Ibu Bapa Mereka Daripada Datuk Nenek?

Barbara Streisand
Barbara Streisandasal
2024-10-29 09:36:30556semak imbas

Why Does Nested Absolute Positioning Cause Elements to Refer to Their Parent Instead of the Grandparent?

Kedudukan Bersarang: Mutlak Dalam Mutlak

Elemen kedudukan mutlak bersarang boleh mempamerkan gelagat yang tidak dijangka dalam CSS. Pertimbangkan senario ini:

  • Div pertama (#1) dengan kedudukan: relatif
  • Div kedua (#2) diposisikan secara mutlak berbanding #1
  • A div ketiga (ke-3) benar-benar berada dalam kedudukan ke-2

S: Mengapakah kedudukan ke-3 secara mutlak berbanding ke-2 dan bukannya ke-1?

J: Kerana kedudukan: mutlak dalam elemen kedudukan mutlak menetapkan semula kedudukan relatif untuk anak-anaknya.

Harta ini dengan berkesan mengatasi kedudukan relatif #1 untuk #3, menjadikannya kedudukan mutlak berbanding dengan ibu bapa langsungnya, #2.

Untuk mencapai tingkah laku yang anda inginkan, di mana #3 berada pada kedudukan mutlak berbanding #1, anda perlu menjadikan #3 sebagai anak langsung #1.

Atas ialah kandungan terperinci Mengapa Kedudukan Mutlak Bersarang Menyebabkan Elemen Merujuk Kepada Ibu Bapa Mereka Daripada Datuk Nenek?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn