Phần tử với position: absolute được định vị tại tọa độ chỉ định tương đối với góc trên bên trái của màn hình.
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ị tuyệt đối:
<html>
<head>
</head>
<body>
<div style="position:absolute; left:80px; top:20px; background-color:yellow;">
Div này có định vị tuyệt đối.
</div>
</body>
</html>