<!DOCTYPE html> <html> <head> <style> .container { width: 200px; height: 150px; background: #1772e8; position:relative; margin:auto; color:#fff; } .abs_class { position: absolute; width: 220px; height: 50px; top: 50px; left: -60px; background:#fff; color: #000; border:solid #3e5afb; } </style> </head> <body> <div class="container"> I am position relative. <div class="abs_class"> I am a child to class="container" and I am positioned absolute. </div> </div> </body> </html>