Bagaimanakah Saya Boleh Membuat Div Menduduki Baki Lebar Bekas Induknya?

Menguasai Penjajaran Div: Membuat Div Menduduki Lebar Baki

Tugas anda ialah membuat div, bernama "div2," menduduki ruang yang tinggal dalam bekas induk div, "Utama." Berikut ialah coretan HTML yang disediakan untuk senario ini:

<div>

Untuk mencapai matlamat anda, gunakan kod CSS berikut:

#divMain { width: 500px; }
#div1 { width: 100px; float: left; background-color: #fcc; }
#div2 { margin-left: 100px; margin-right: 100px; background-color: #cfc; }
#div3 { width: 100px; float: right; background-color: #ccf; }

Penjelasan:

• Div sememangnya menduduki keseluruhan lebar induk mereka bekas.
• Dengan memperuntukkan jidar kiri dan kanan kepada "div2" bersamaan dengan lebar "div1" dan "div3," kandungannya dikekang dengan berkesan dalam jidar tersebut.
• Jujukan HTML elemen adalah penting: "div2" mesti muncul selepas "div3" untuk memastikan penjajaran yang betul.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Membuat Div Menduduki Baki Lebar Bekas Induknya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!