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