Định vị cố định cho phép bạn cố định vị trí của một phần tử vào một vị trí cụ thể trên trang, bất kể cuộn. Tọa độ đã chỉ định sẽ liên quan đến cửa sổ trình duyệt.
Bạn có thể sử dụng hai giá trị trên cùng và bên trái cùng với vị trí để di chuyển một phần tử HTML đến bất kỳ đâu trong tài liệu HTML.
- Di chuyển sang trái - Sử dụng giá trị âm cho trái .
- Di chuyển sang phải - Sử dụng giá trị dương cho trái .
- Di chuyển lên - Sử dụng giá trị âm cho top .
- Di chuyển xuống - Sử dụng giá trị dương cho trên cùng .
Ví dụ
Bạn có thể thử chạy mã sau để triển khai định vị cố định
<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>