Rumah >hujung hadapan web >tutorial css >Bagaimanakah Saya Boleh Menetapkan Lebar Div Kedudukan Tetap agar Padan dengan Bekas Induknya?

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

Mary-Kate Olsen
Mary-Kate Olsenasal
2024-11-19 12:45:03371semak imbas

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>
#container {
    width: 800px;
}

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

#fixed * {
    width: inherit;
}

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!

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