JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<div class="col-md-6 gp">
    <div class="col-md-4 p">
        <div class="col-md-2 c"> position me w.r.t to .gp</div>
    </div>
</div>

CSS

.gp {
    height : 200px;
    border : 1px solid red;
    position: relative;
}
.p {
    height : 100px;
    width: 250px;
    border : 1px solid blue;
    position : absolute;
    top : 50px;
    left : 50px
}
.c {
    position: absolute;
    height : 50px;
    border : 1px solid green;
}