<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
.abs_cls {
position: absolute;
}
</style>
</head>
<body>
<div class="abs_cls">
This div is inside the absolute
</div>
<div>
No Absolute
</div>
<div>
No Absolute
</div>
<div>
No Absolute
</div>
<div class="abs_cls">
This div is inside the absolute
</div>
<div class="abs_cls">
This div is inside the absolute
</div>
<div class="abs_cls">
This div is inside the absolute
</div>
<div class="abs_cls">
This div is inside the absolute
</div>
<div class="abs_cls">
This div is inside the absolute
</div>
<div>
No Absolute
</div>
<div class="abs_cls">
This div is inside the absolute
</div>
<div class="abs_cls">
This div is inside the absolute
</div>
<div class="abs_cls">
This div is inside the absolute
</div>
</body>
</html>
Used of:-
The position property specifies the type of positioning method used for an element (static, relative, absolute or fixed).
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
.abs_cls {
position: absolute;
}
</style>
</head>
<body>
<div class="abs_cls">
This div is inside the absolute
</div>
<div>
No Absolute
</div>
<div>
No Absolute
</div>
<div>
No Absolute
</div>
<div class="abs_cls">
This div is inside the absolute
</div>
<div class="abs_cls">
This div is inside the absolute
</div>
<div class="abs_cls">
This div is inside the absolute
</div>
<div class="abs_cls">
This div is inside the absolute
</div>
<div class="abs_cls">
This div is inside the absolute
</div>
<div>
No Absolute
</div>
<div class="abs_cls">
This div is inside the absolute
</div>
<div class="abs_cls">
This div is inside the absolute
</div>
<div class="abs_cls">
This div is inside the absolute
</div>
</body>
</html>
Used of:-
absolute Position
The position property specifies the type of positioning method used for an element (static, relative, absolute or fixed).
Absolute means the element is positioned relative to the first parent element (not static) ancestor element.
Css:- absolute position
Reviewed by Network security
on
May 09, 2019
Rating:
No comments: