Vị trí tuyệt đối; thuộc tính cho phép bạn định vị phần tử liên quan đến tổ tiên được định vị gần nhất.
Ví dụ
Bạn có thể thử chạy mã sau để triển khai vị trí CSS:tuyệt đối;
<!DOCTYPE html>
<html>
<head>
<style>
div.one {
position: relative;
width: 500px;
height: 150px;
border: 2px solid blue;
}
div.two {
position: absolute;
top: 70px;
right: 0;
width: 300px;
height: 50px;
border: 2px solid yellow;
}
</style>
</head>
<body>
<h2>position: absolute;</h2>
The position: absolute; property allows you to position element relative to the nearest positioned ancestor.
<div class = "one">div has position: relative;
<div class = "two">div has position: absolute;</div>
</div>
</body>
</html>