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

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!