JSFiddle - React, Tailwind, and code Playground

HTML

<div class="box" style="width: 400px; height: 400px;">
    <div class="block" style="left:000px; top:000px; width: 400px;">
        block #1 block #1 block #1 block #1 block #1 block #1 block #1 block #1 block #1 block #1 block #1 block #1 block #1 block #1 block #1 block #1 block #1 block #1 block #1 block #1 block #1 block #1 block #1 block #1 block #1 block #1 block #1 block #1 block #1 block #1 block #1 block #1 block #1 block #1 block #1 block #1 block #1 block #1 block #1 block #1
    </div>
    <div class="block" style="left:000px; top:100px; width: 200px;">
        block #2
    </div>
    <div class="block" style="left:200px; top:200px; width: 200px;">
        block #3
    </div>
</div>

CSS

.box {
    position: relative;
    border: dashed 1px #CCCCCC;
}
.block {
    border: solid red 1px;
    position: absolute;
    width: 100px;
    height: 100px;
    overflow:auto;
}