Mengapa Div Kedudukan Saya Tidak Di Tempat Yang Saya Jangkakan?

Menyelesaikan Masalah Kedudukan Mutlak

Dalam pembangunan web, adalah perkara biasa untuk menghadapi situasi apabila elemen tidak muncul seperti yang dijangkakan, walaupun menggunakan kedudukan mutlak. Satu senario sedemikian ialah apabila div gagal meletakkan dirinya secara mutlak dalam div induk.

Memahami Isu

Apabila kedudukan mutlak digunakan pada elemen, koordinatnya adalah ditakrifkan berbanding dengan offsetParentnya, iaitu elemen induk terdekat yang turut diletakkan. Jika tiada nenek moyang diposisikan, offsetIbu bapa kanak-kanak akan menjadi elemen badan, menyebabkan ia diletakkan di sudut kiri atas halaman.

Penyelesaian: Menubuhkan Pangkalan

Untuk menyelesaikan isu ini, adalah perlu untuk mencipta nenek moyang yang diposisikan. Dalam kes ini, penyelesaiannya adalah dengan menggunakan kedudukan: relatif kepada div induk. Ini menjadikannya elemen diposisikan dan menetapkannya sebagai OffsetParent untuk kanak-kanak dengan kedudukan mutlak.

Sampel Kod Dikemas Kini

Kod berikut akan meletakkan div dengan id dengan betul "absPos" benar-benar dalam div induk:

    
        <div><p>Dengan mewujudkan pangkalan kedudukan untuk elemen anak, kedudukan mutlak akan berfungsi seperti yang dimaksudkan.</p></div>

Atas ialah kandungan terperinci Mengapa Div Kedudukan Saya Tidak Di Tempat Yang Saya Jangkakan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!