CSS giúp bạn định vị phần tử HTML của mình. Bạn có thể đặt bất kỳ phần tử HTML nào ở bất kỳ vị trí nào bạn thích. Bạn có thể chỉ định xem bạn muốn phần tử được định vị so với vị trí tự nhiên của nó trong trang hay vị trí tuyệt đối dựa trên phần tử mẹ của nó.
Ví dụ
Hãy để chúng tôi xem một ví dụ về định vị tương đối -
<html> <head> </head> <body> <div style = "position:relative;left:70px;top:1px;background-color:blue;color: white;"> This div has relative positioning. </div> </body> </html>