Định vị cố định cho phép bạn ghim vị trí của một phần tử tại một điểm cụ thể trên trang, bất kể cuộn trang. Tọa độ được xác định tương đối với cửa sổ trình duyệt.
Bạn có thể dùng hai giá trị top và left cùng với thuộc tính position để di chuyển phần tử HTML bất kỳ đâu trong tài liệu.
- Di chuyển sang trái - Dùng giá trị âm cho left.
- Di chuyển sang phải - Dùng giá trị dương cho left.
- Di chuyển lên trên - Dùng giá trị âm cho top.
- Di chuyển xuống dưới - Dùng giá trị dương cho top.
Ví dụ
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;">
Div này có định vị cố định.
</div>
</body>
</html>