Bagaimanakah Saya Boleh Meletakkan Dua Div Bersebelahan Menggunakan CSS?

Meletakkan Dua Div Bersebelahan dalam CSS

Mencipta dua div bersebelahan boleh menjadi keperluan susun atur biasa. Untuk mencapai matlamat ini, pertimbangkan pendekatan berikut:

Flexbox:

Dalam penyelesaian ini, flexbox ialah digunakan untuk menyusun div secara mendatar:

<h1 id="ibu-bapa">ibu bapa {</h1><p>paparan: flex;<br>}</p><h1 id="sempit">sempit {</h1><p>lebar: 200px;<br> latar belakang: biru muda; /<em> Supaya ia kelihatan </em>/<br>}</p><h1 id="lebar">lebar {</h1><p>flex: 1; /<em> Tumbuh ke seluruh bekas </em>/<br> latar belakang: hijau muda; /<em> Supaya ia kelihatan </em>/<br>}<br>

<div> <div id="wide">Wide ( selebihnya lebar)</div><br> <div></div><br>

Pendekatan ini membolehkan anda menentukan lebar tetap untuk div kiri (#narrow) manakala div kanan (#wide) secara automatik menduduki ruang yang tinggal, memenuhi lebar skrin.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Meletakkan Dua Div Bersebelahan Menggunakan CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!