Float ตอนที่ 2

ดูการ Float แบบอิสระแล้ว คราวนี้ลองมาดูการ Float แบบอ้างอิงตำแหน่งจาก Element ก่อนหน้ากันบ้างครับ เช่น การจับ div tags เข้าไปรวมกลุ่มกันใน a div tag (ถ้าผมอ้างถึงอะไรที่มากกว่า 1 ผมจะเติม s ตามท้ายเสมอนะครับ อิอิ) หรือการ จับ divs ยัดเข้าไปใน div ครับ คล้ายๆ กับการวางเลย์เอ๊าท์ แต่ตอนนี้ให้ดูแค่ลักษณะการ float อย่างเดียวกันก่อนครับ

อย่างไร ไปดูตัวอย่างกันเลยดีกว่าครับ

ผมจะสร้าง divs มา 4 ตัว โดย div ที่ใช้เป็น ตัวหลักนั้นจะใช้ id ในการอ้างถึงและจัดรูปแบบ ส่วนอีก 3 อันที่เหลือใช้ class ในการกำหนดรูปแบบการแสดงผลครับ