วันศุกร์ที่ 28 กุมภาพันธ์ พ.ศ. 2557

วิธีใช้งาน clear both ของ CSS

เมื่อผู้ใช้งาน CSS เริ่มต้น จะเจอปัญหาการสร้างหน้าเว็บด้วย CSS แล้วจะทำให้กรอบของ CSS div นั้น

ไปลอยซ้อนกันอยู่ด้านบนหมด

รูปนี้จะเห็นได้ว่า footer ลอยไปอยู่ด้านบน


นี่คือแบบที่ถูกต้อง

<div id="header"></div>
<div id="menu"></div>
<div id="container"></div>
<div style="clear:both"></div> #แทรกแบบนี้เข้าไปเลยจะได้ผลออกมาดังรูปที่ถูกต้อง#
<div id="footer"></div>

ไม่มีความคิดเห็น:

แสดงความคิดเห็น