JSFiddle - React, Tailwind, and code Playground

by Guillaume Seguin

HTML

<div class="grand-parent">
  <div class="parent">
    <div class="child">
        <div>
            <div class="small-child"></div>    
        </div>
    </div>
      
  </div>
</div>

CSS

.grand-parent {
    position:relative;
}
.parent {
/* position:relative; */
    overflow:auto;
    height:100px;
    box-shadow:inset 0px 0px 12px #555; background-color:white;
    margin-left: 300px;
    margin-right:20px;
}
.child {
  position:absolute;
  width:30px; height:30px;
  background-color:rgba(30,110,190,.8);
}
.small-child {
  position:absolute; left:-30px;
  width:30px; height:30px;
  background-color:red;
}