Bagaimana untuk Membuat Div Kedudukan Tetap Mewarisi Lebar Induknya?

Lebar Relatif Div Tetap Diposisikan

Apabila cuba menetapkan div dengan kedudukan tetap kepada lebar penuh div induknya, beberapa cabaran boleh timbul. Mari kita terokai isu tersebut dan cari penyelesaian.

Penerangan Masalah

Dalam contoh yang disediakan, div dengan kedudukan tetap tidak mewarisi lebar induknya. Sebaliknya, ia meluas ke lebar keseluruhan tetingkap.

Penyelesaian

Untuk menyelesaikannya, gunakan lebar sifat CSS: warisi kepada mana-mana div dalam dalam div induk . Ini memberitahu div tetap untuk mewarisi lebarnya daripada induknya.

#container {
    width: 800px;
}

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

#fixed div {
    width: inherit;
}

Pelaksanaan

Untuk penyemak imbas yang tidak menyokong lebar: warisan, pertimbangkan untuk menggunakan penyelesaian JavaScript . Ini mungkin diperlukan untuk penyemak imbas lama.

Atas ialah kandungan terperinci Bagaimana untuk Membuat Div Kedudukan Tetap Mewarisi Lebar Induknya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!