JSFiddle - React, Tailwind, and code Playground

HTML

<div id="parent">
    
  <div id="child">content
  <div id="Show">
        <div class="showABS">
        SHOOOOOOOOOOOWWWWWWWWWWWWWWWWWWWWWWWWWW</div>
    </div>
  </div>
</div>

CSS

#parent {
    position:relative;
    background:red;
    width:100px;
    height:100px
    
}
#child {
    width:100px;
    height: 100px;
    position:absolute;
    background:#f0f;
    bottom: -61px;
    right: -60px;
    overflow-y: hidden!important;
    overflow-x: hidden!important;
}
#Show {
  position: inherit;
}
.showABS{
  position: absolute;
  width:1000px;
  background:#ccc;
  left: 10px
}