Rumah > hujung hadapan web > tutorial css > Bagaimana untuk Membuat Div Secara Dinamik Mengisi Ruang Baki dalam Susun Atur Halaman Web?

Bagaimana untuk Membuat Div Secara Dinamik Mengisi Ruang Baki dalam Susun Atur Halaman Web?

Patricia Arquette
Lepaskan: 2024-12-02 13:29:10
asal
899 orang telah melayarinya

How to Make a Div Dynamically Fill Remaining Space in a Web Page Layout?

Mengekalkan Keseimbangan Lentur: Membahagikan Baki Peruntukan Lebar

Dalam bidang pembangunan web, mencapai reka letak halaman yang optimum selalunya melibatkan penjajaran elemen dengan lancar. Satu cabaran sedemikian timbul apabila berusaha untuk membuat div secara dinamik mengisi ruang yang tinggal dalam bekas. Untuk menangani tugas ini dengan berkesan, pertimbangkan contoh berikut:

<div>
Salin selepas log masuk

Dalam reka letak ini, matlamat kami adalah untuk menyesuaikan div2 untuk memenuhi baki lebar yang tersedia. Untuk mencapai matlamat ini, manfaatkan kod berikut:



<div>
Salin selepas log masuk

Dengan menetapkan nilai lebar, apungan dan margin yang sesuai kepada div kanak-kanak, div2 menyesuaikan diri secara dinamik untuk menduduki ruang yang tinggal dengan lancar. Ambil perhatian bahawa "div tengah" harus diletakkan selepas "div kanan" dalam penanda HTML untuk pemaparan yang betul.

Atas ialah kandungan terperinci Bagaimana untuk Membuat Div Secara Dinamik Mengisi Ruang Baki dalam Susun Atur Halaman Web?. 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