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
Patricia Arquetteasal
2024-12-02 13:29:10816semak imbas

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>

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



<div>

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!

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