องค์ประกอบที่มีตำแหน่ง: แน่นอน อยู่ในตำแหน่งที่ระบุซึ่งสัมพันธ์กับมุมซ้ายบนของหน้าจอ
คุณสามารถใช้สองค่าบน และซ้าย พร้อมกับ ตำแหน่ง คุณสมบัติเพื่อย้ายองค์ประกอบ HTML ไปที่ใดก็ได้ในเอกสาร HTML
- เลื่อนไปทางซ้าย - ใช้ค่าลบสำหรับซ้าย
- เลื่อนไปทางขวา - ใช้ค่าบวกสำหรับ ซ้าย
- เลื่อนขึ้น - ใช้ค่าลบสำหรับด้านบน
- เลื่อนลง - ใช้ค่าบวกสำหรับ ด้านบน
ตัวอย่าง
คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อใช้การวางตำแหน่งที่แน่นอน -
<html> <head> </head> <body> <div style = "position:absolute; left:80px; top:20px; background-color:yellow;"> This div has absolute positioning. </div> </body> </html>
