masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > tutorial css > Bagaimana untuk Menetapkan Lebar Div Kedudukan Tetap Berbanding Div Induknya?

Bagaimana untuk Menetapkan Lebar Div Kedudukan Tetap Berbanding Div Induknya?

Mary-Kate Olsen
Lepaskan： 2024-11-26 01:28:11
asal
172 orang telah melayarinya

How to Set the Width of a Fixed-Positioned Div Relative to Its Parent Div?

Meluaskan Lebar Div Kedudukan Tetap Berbanding Div Induknya

Dalam pembangunan web, sukar untuk menentukan dengan tepat lebar div "kedudukan: tetap" berbanding div induknya. Masalah ini timbul apabila lebar div ditetapkan kepada 100%, menyebabkan div mengambil keseluruhan lebar tetingkap penyemak imbas dan bukannya menghormati lebar div induk.

Untuk menyelesaikan isu ini, satu penyelesaian melibatkan penggunaan " lebar: mewarisi" kepada semua div dalam dalam div induk. Dengan mewarisi lebar daripada induknya, div dalam ini akan melaraskan lebarnya dengan betul berdasarkan lebar div induk.

Untuk penyemak imbas yang tidak menyokong "width: inherit," penyelesaian JavaScript mungkin diperlukan. Penyelesaian ini akan melaraskan lebar div tetap secara dinamik berdasarkan lebar div induk, memastikan penentuan lebar yang lebih tepat.

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

sumber：php.cn
Artikel sebelumnya：Bagaimanakah Saya Boleh Mencipta Grid CSS Responsif Sepenuhnya bagi Petak Menggunakan Flexbox? Artikel seterusnya：Bagaimanakah Pertanyaan Media CSS Mengendalikan Pertindihan dan Lata pada Titik Putus?
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
Isu terkini
function_exists() tidak boleh menentukan fungsi tersuai Ujian fungsi () {return true;} jika (function_exists ('test')) {echo "test is functio...
daripada 2024-04-29 11:01:01
0
3
2041
Bagaimana untuk memaparkan versi mudah alih Google Chrome Hello cikgu, bagaimana saya boleh menukar Google Chrome kepada versi mudah alih?
daripada 2024-04-23 00:22:19
0
11
2200
Tetingkap anak mengendalikan tetingkap induk, tetapi output tidak bertindak balas. Dua ayat pertama boleh dilaksanakan, tetapi ayat terakhir tidak boleh dilaksanakan.
daripada 2024-04-19 15:37:47
0
1
1855
Tiada output dalam tetingkap induk document.onclick = function(){ window.opener.document.write('Saya adalah output tetingkap ...
daripada 2024-04-18 23:52:34
0
1
1745
Di manakah perisian kursus tentang pemetaan minda CSS? Perisian kursus
daripada 2024-04-16 10:10:18
0
0
1766
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan