Core Code
Core Code Modern Dev Handbook

CSS Position Absolute

Absolute positioned elements are removed from normal document flow.

Preview

Code

<style>
.container{
position:relative;
height:120px;
background:#f3f4f6;
}

.box{
position:absolute;
top:10px;
left:20px;
background:#d1fae5;
padding:10px;
}
</style>

<div class="container">
<div class="box">Absolute box</div>
</div>

More CSS Position Examples (9)

example CSS Position Static open example example CSS Position Relative open example example CSS Absolute Inside Relative open example example CSS Position Fixed open example example CSS Position Sticky open example example CSS Position Offsets open example example CSS Z-index Layering open example example CSS Badge Position open example example CSS Overlay Example open example