Rumah >hujung hadapan web >tutorial css >Mengapa Div Saya Tidak Bergerak?

Mengapa Div Saya Tidak Bergerak?

Linda Hamiltonasal: 2024-11-30 03:48:14639semak imbas

Why Isn't My Absolutely Positioned Div Moving?

Kedudukan Mutlak Tidak Berfungsi

Dalam percubaan untuk meletakkan div dengan ID "absPos" secara mutlak dalam div induknya, pembangun menemui isu di mana div kekal di bahagian atas sebelah kiri halaman sudut.

Penjelasan:

Elemen dengan kedudukan mutlak disesarkan berdasarkan offsetParentnya, iaitu nenek moyang kedudukan terdekat. Dalam kod sampel yang disediakan, tiada nenek moyang mempunyai elemen "diposisikan", menyebabkan div diimbangi daripada elemen badan, offsetParentnya.

Penyelesaian:

Untuk membetulkan isu ini, position:relative harus digunakan pada div induk. Ini mengubahnya menjadi elemen diposisikan dan menetapkannya sebagai offsetParent untuk anaknya.

Kod Diubah Suai:

<html>
    <body>
        <div>

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

for this position issue

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

Artikel sebelumnya：Bagaimanakah Saya Boleh Memasukkan Teks Secara Dinamik ke Halaman Web Menggunakan CSS atau JavaScript?Artikel seterusnya：Bagaimanakah Saya Boleh Memasukkan Teks Secara Dinamik ke Halaman Web Menggunakan CSS atau JavaScript?

Artikel berkaitan

Lihat lagi