Paparan cecair: dua Div disusun bersebelahan
<p>Saya cuba meletakkan dua div bersebelahan dan menggunakan CSS berikut. </p>
<pre class="brush:css;toolbar:false;">#left {
terapung: kiri;
lebar: 65%;
limpahan: tersembunyi;
}
#right {
limpahan: tersembunyi;
}
</pra>
<p>HTML adalah sangat mudah, div pembalut mengandungi dua div di kiri dan kanan. </p>
<pre class="brush:html;toolbar:false;"><div id="wrapper">
<div id="left">Div sebelah kiri</div>
<div id="right">Div sebelah kanan</div>
</div>
</pra>
<p>Saya mencuba banyak kali pada StackOverflow dan tapak lain untuk mencari cara yang lebih baik tetapi tidak menemui sebarang bantuan yang pasti. </p>
<p>Jadi, pada pandangan pertama, kod itu berfungsi dengan baik. Masalahnya ialah apabila saya meningkatkan lebar (%), div kiri secara automatik mendapat padding/margin. Jadi pada lebar 65% div kiri mempunyai beberapa padding atau margin dan tidak sejajar dengan div kanan, saya cuba menetapkan padding/margin kepada 0 tanpa berjaya. Kedua, jika saya zum masuk pada halaman, div kanan meluncur di bawah div kiri, yang seperti paparan gagap. </p>
<p>Nota: Maaf, saya telah menyemak banyak maklumat. Soalan ini telah ditanya berkali-kali tetapi jawapan ini tidak membantu saya. Saya telah menjelaskan apa masalah dalam kes saya. </p>
<p>Saya harap perkara ini dapat diselesaikan. </p>
<p>Terima kasih. </p>
<p>Edit: Maaf atas masalah HTML saya, terdapat dua div "kotak" di kiri dan kanan, paddingnya dalam %, jadi bahagian kiri menunjukkan lebih banyak padding kerana lebar yang lebih besar. Maaf, CSS di atas berfungsi dengan sempurna, ia dipaparkan dengan lancar dan tetap, maaf kerana tersalah bertanya...</p>