การแก้ปัญหากรณี div หลักไม่ขยายตามความสูงของ div ย่อย ใน Firefox

<style type="text/css">

div.cDiv{

margin:auto;

width:75%;

background-color:#EAEAEA;

border:1px solid #999999;

}

div.lDiv{

float:left;

width:200px;

background-color:#FFCC99;

border:1px solid #999999;

}

</style>

HTML code

<div class="cDiv">

test test

test test

<div class="lDiv">

test<br />

test<br />

test<br />

test<br />

test<br />

test<br />

test<br />

test<br />

test<br />

test<br />

</div>

</div>

ปัญหาจะเกิดกับ Firefox การแก้ปัญหา โดยเพิ่ม

<div style="clear:both"></div>

ไว้ก่อนปิด div หลัก

HTML Code

<div class="cDiv">

test test

test test

<div class="lDiv">

test<br />

test<br />

test<br />

test<br />

test<br />

test<br />

test<br />

test<br />

test<br />

test<br />

</div>

<!--เพิ่มบรรทัดข้างล่างนี้ก่อนปิด div หลัก-->

<div style="clear:both"></div>

</div>