Mengapa Div Kedudukan Benar-benar Saya Tidak Kekal dalam Bekas Induknya?

Isu Kedudukan Mutlak Selesai

Dalam percubaan untuk meletakkan div secara mutlak dalam bekas induknya, didapati bahawa div itu kekal tersekat di penjuru kiri sebelah atas halaman. Kod yang digunakan untuk penentududukan ini adalah seperti berikut:

<div>

Jangkaan adalah untuk div dengan id "absPos" diletakkan dalam div induk, walau bagaimanapun, kelakuan sebenar adalah untuk diletakkan di bahagian atas sebelah kiri halaman.

Sebab dan Penyelesaian

Sebab tingkah laku ini terletak pada konsep induk offset. Elemen dengan kedudukan mutlak memperoleh kedudukannya secara relatif kepada induk offsetnya, yang merupakan moyang terdekat yang turut diposisikan. Dalam kod yang disediakan, tiada satu pun nenek moyang div "absPos" mempunyai elemen kedudukan, menyebabkan ia diimbangi daripada elemen badan.

Untuk menyelesaikan isu ini, adalah perlu untuk menetapkan kedudukan induk div kepada "relatif," menggunakan kod berikut:

<div>

Dengan menggunakan kedudukan "relatif" pada div induk, ia menjadi elemen diposisikan dan dengan itu berfungsi sebagai induk offset untuk div "absPos". Ini menyelesaikan isu dan membenarkan kedudukan mutlak div "absPos" berbanding induknya.

Atas ialah kandungan terperinci Mengapa Div Kedudukan Benar-benar Saya Tidak Kekal dalam Bekas Induknya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!