JSFiddle - React, Tailwind, and code Playground

HTML

<div id="parent">

<div class="container" id="hidden">
    <div></div>
</div>

<div class="container" id="visible">
    <div></div>
</div>

</div>

CSS

#parent{position:relative;height:200px;margin:50px;border:1px dotted black;}
.container{position:absolute;top:0;left:0;bottom:0;right:0;}
.container div{ position:absolute;height:100px;width:100px; }

/* The important stuff: */
#hidden{
    overflow:hidden;
}
#visible{
    overflow:visible;
}
#hidden div{
    border:2px solid blue;
    left:-25px;top:-10px;    
}
#visible div{
    border:2px solid red;
    bottom:-50px;left:-25px; 
}