Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> CSS

คุณสมบัติ CSS ที่เกี่ยวกับการจัดตำแหน่ง (Positioning)


คุณสมบัติที่เกี่ยวกับการจัดตำแหน่งใน CSS มีดังนี้:

Relative Positioning

Relative positioning เปลี่ยนตำแหน่งของอีเลเมนต์ HTML สัมพัทธ์กับตำแหน่งที่มันปกติจะปรากฏ ดังนั้น "left:20" จะเพิ่ม 20 พิกเซลเข้ากับตำแหน่ง LEFT ของอีเลเมนต์

Absolute Positioning

อีเลเมนต์ที่มี position: absolute จะถูกจัดตำแหน่งที่พิกัดที่ระบุ สัมพัทธ์กับมุมซ้ายบนของหน้าจอ

Fixed Positioning

Fixed positioning ช่วยให้คุณกำหนดตำแหน่งของอีเลเมนต์ไว้ที่จุดเฉพาะบนหน้าจอ ไม่ว่าจะเลื่อนหน้าจอหรือไม่ พิกัดที่ระบุจะคำนวณจากหน้าต่างเบราว์เซอร์