JSFiddle - React, Tailwind, and code Playground

HTML

<div id="div1">
    <div  id="div2">
        <div  id="div3">
            very much content
        </div>
    </div>
</div>

CSS

#div1 {
    height:300px;
    overflow-y:scroll;
    border: 1px solid black;
}
#div2 {
    height:100%;
    background-color: #a2e89f;
}
#div3 {
    height:600px;
}