JSFiddle - React, Tailwind, and code Playground

HTML

<header>header</header>
<section>
    <div class="push">push</div>
</section>
<footer>footer</footer>

CSS

html, body {height:100%; margin:0; overflow:hidden;}
header, footer {display:block; background-color:black; height:10%;}
section {height:80%; background-color:lightblue; display:block; overflow:auto;}
section .push {height:4000px;}