JSFiddle - React, Tailwind, and code Playground

by moob

HTML

<div id="a">
    <div id="b">1<br />sds</div>
    <div id="c"><div id="d">3<br/>3<br/>3<br/>3<br/>3<br/>3<br/>3<br/>3<br/>3<br/>3<br/>3<br/>3<br/>3<br/>3<br/>3<br/>3<br/>3<br/></div></div>
</div>

CSS

html, body {height:100%; min-height:100%; margin:0;}
#a {display:table; height:100%; width:100%; border:0px solid red;}
#b {display:table-row; height:auto; background:#eeeedd;}
#c {display:table-row; position:relative; height:100%; background:#ffcccc;}
#d {display:block; height:100%; overflow:auto; background:#ffeecc;}