JSFiddle - React, Tailwind, and code Playground

by SpiceLab

HTML

<div id="topBox">...</div>
<div id="middleBox">...</div>
<div id="bottomBox">...</div>

CSS

#topBox  {
      position:absolute;
      top:0;
      right:0;
      left:0;
      height:60px;
      background:#dfdfdf
}
#middleBox {
      position:absolute;
      top:60px;
      right:0;
      bottom:60px;
      left:0;
      overflow:auto;
      background:#efefef
}
#bottomBox {
      position:absolute;
      right:0;
      bottom:0;
      left:0;
      height:60px;
      background:#dfdfdf
}