JSFiddle - React, Tailwind, and code Playground

HTML

<div id="parent_wrapper">
  <div id="wrapper">
    <div id="test">Absolute</div>
  </div>
</div>

CSS

#parent_wrapper {
    width: 200px;
    height: 100px;
}

#wrapper {
position: absolute; position:relative; overflow: hidden; height: 100%; width:300px }

#test {
    position: absolute; 
    margin-left: 170px;
    width:50px; height:50px;
}


/* Presentation purposes */
#test {
    background-color:yellow;
}
#parent_wrapper {
    background-color:green
}