การแก้ปัญหากรณี div หลักไม่ขยายตามความสูงของ div ย่อย ใน Firefox
เขียนเมื่อ 13 ปีก่อน โดย Ninenik Narkdeediv ขนาด ความสูง
คำสั่ง การ กำหนด รูปแบบ ตัวอย่าง เทคนิค ลูกเล่น การประยุกต์ การใช้งาน เกี่ยวกับ div ขนาด ความสูง
ไปที่
Copy
CSS Code
<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>
กด Like หรือ Share เป็นกำลังใจ ให้มีบทความใหม่ๆ เรื่อยๆ น่ะครับ

URL สำหรับอ้างอิง
Top
Copy
ขอบคุณทุกการสนับสนุน
![]()