JSFiddle - React, Tailwind, and code Playground

HTML

<table style="height: 150px">
<tr><td></td></tr>
<tr><td><div style="overflow:auto; height:100%"><div style="height:100px"></div></div></td></tr>
</table>

CSS

table, div { width: 100%; }
body * { background: rgba(0,0,0,0.1)}
tr { height: 50%; }