JSFiddle - React, Tailwind, and code Playground

by ozzon91

HTML

<div class="wrapper">
    <div class="bl">
        <div class="in"></div>
        <div class="tip"></div>
    </div>
</div>

CSS

.wrapper {position: relative; width: 200px; height: 200px;}
.bl {background: #333; width: 200px; height: 200px; overflow-y: auto;}
.in {background: olive; width: 100px; height: 300px;}
.tip {background: red; position: absolute; bottom: -50px; right: -50px; width: 100px; height: 100px;}