<h1>CSS Position: Absolute</h1>
<div class="container">
<div class="box">static</div>
<div class="box absolute">Absolute</div>
<div class="box">static</div>
</div>
body {
height: 120vh;
}
div.container {
display: flex;
border: 1px dashed red;
}
div.box {
height: 100px;
width: 100px;
border: 2px solid lightskyblue;
text-align: center;
background-color: lightgoldenrodyellow;
border-radius: 10px;
margin: 5px;
}
div.absolute {
position: absolute;
background-color: lightblue;
top: 50px;
left: 70px;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.