JSFiddle - React, Tailwind, and code Playground

HTML

<div id="header">Header</div> 
<div id="content">Main Content</div> 
<div id="footer">Footer</div>

CSS

#header, #footer, #content { position: absolute; left: 0; width: 100%; }
    #header, #footer { overflow: hidden; background: #444; }
    #header { top: 0; height: 100px; overflow: hidden; }
    #content { top: 100px; bottom: 100px; overflow: auto; background: #CCC; }
    #footer { bottom: 0; height: 100px; }