Phần tử có vị trí: tuyệt đối được đặt ở tọa độ được chỉ định so với góc trên cùng bên trái màn hình của bạn.
Bạn có thể sử dụng hai giá trị top và 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 trên cùng.
- 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ị tuyệt đối -
<html> <head> </head> <body> <div style = "position:absolute; left:80px; top:20px; background-color:yellow;"> This div has absolute positioning. </div> </body> </html>