JSFiddle - React, Tailwind, and code Playground

by carloscalla

HTML

<div id="outter-container">
    
    

    <div id="container-wrapper" style="position:relative;; top:50px; left:100px">
        <div id="absoluteinner" style="width:100px; height:100px; background-color:red;"></div>
        <div id="container" style="position:relative; overflow: auto;width:200px; height:300px;">
            <div id="staticinner" style="width:100px; height:800px; background-color:purple;">
            </div>
        </div>
    </div>
    
    
    
</div>

CSS

body{
    margin: 0;
}
#absoluteinner{
    position: absolute;
    margin-top: 10px;
    margin-left: 10px;
    z-index: 1;
}

#outter-container{
    overflow: auto;
}