Nested Absolution Positioning

HTML

<div class='parent-container'>
    Parent
    <div class='child-container'>
        1st Child
        <div class='grandchild-container'>2nd Child</div>
        <br/><br/><br/>
    </div>
    <br/><br/><br/><br/>
</div>

CSS

.parent-container {
    position: relative;
    background: grey;
}
.child-container {
    position: absolute;
    background: red;
    left: 20px;
}
.grandchild-container {
    position: absolute;
    background: yellow;
    left: 20px;
}