CSS Code
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | <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
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 | <div class="cDiv">test testtest 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 การแก้ปัญหา โดยเพิ่ม
1 | <div style="clear:both"></div> |
HTML Code
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 | <div class="cDiv">test testtest 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> |
