HTML
CSS
JavaScript
<div class='container'> <div class='box'>Box 1</div> <div class='box absolute-box'>Box 2 (Absolute)</div> <div class='box'>Box 3</div> </div>
.container { position: relative; width: 300px; height: 300px; border: 2px solid #000; margin: 20px; } .box { width: 100px; height: 100px; background-color: lightblue; margin: 10px; text-align: center; line-height: 100px; } .absolute-box { position: absolute; top: 50px; left: 50px; background-color: coral; }
// No JavaScript required for this demo
Box 1
Box 2 (Absolute)
Box 3