Bagaimanakah Saya Boleh Menetapkan Lebar Div Kedudukan Tetap agar Padan dengan Bekas Induknya?

Mary-Kate Olsen
Lepaskan: 2024-11-19 12:45:03
asal
360 orang telah melayarinya

How Can I Set the Width of a Fixed Positioned Div to Match its Parent Container?

Isu dengan Lebar Tetapan div Tetap Diposisikan

Dalam percubaan untuk menetapkan lebar 100% kepada div "kedudukan: tetap" , dilema timbul apabila elemen itu berterusan dalam mengguna pakai lebar tetingkap atau dokumen penyemak imbas. Walaupun mentakrifkan div induk dengan lebar tertentu, div tetap gagal mematuhinya.

Untuk membetulkan isu ini, gunakan atribut gaya "width:inherit" pada semua div yang bersarang dalam div induk. Penyelesaian ini ditunjukkan dalam kod HTML dan CSS berikut:

<div>
Salin selepas log masuk
#container {
    width: 800px;
}

#fixed {
    position: fixed;
    width: 100%;
}

#fixed * {
    width: inherit;
}
Salin selepas log masuk

Dengan menyatakan "width:inherit" untuk elemen anak div tetap, mereka mewarisi lebar induknya, memastikan penjajaran dengan dimensi yang dimaksudkan.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menetapkan Lebar Div Kedudukan Tetap agar Padan dengan Bekas Induknya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
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 terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan