JSFiddle - React, Tailwind, and code Playground
HTML
<table>
<tr class = "flex"><td>Header. Glee rocks. Glee is awesome.</td></tr>
<tr class = "body"><td>
<div class = "inner">Glee rocks. Glee is awesome. Glee rocks. Glee is awesome. Glee rocks. Glee is awesome. Glee rocks. Glee is awesome. Glee rocks. Glee is awesome. Glee rocks. Glee is awesome. Glee rocks. Glee is awesome. Glee rocks. Glee is awesome. Glee rocks. Glee is awesome. Glee rocks. Glee is awesome. Glee rocks. Glee is awesome. Glee rocks. Glee is awesome. Glee rocks. Glee is awesome. Glee rocks. Glee is awesome. Glee rocks. Glee is awesome. Glee rocks. Glee is awesome. Glee rocks. Glee is awesome. Glee rocks. Glee is awesome. Glee rocks. Glee is awesome. Glee rocks. Glee is awesome. Glee rocks. Glee is awesome. Glee rocks. Glee is awesome. Glee rocks. Glee is awesome. Glee rocks. Glee is awesome. Glee rocks. Glee is awesome. Glee rocks. Glee is awesome. Glee rocks. Glee is awesome. Glee rocks. Glee is awesome. Glee rocks. Glee is awesome. Glee rocks. Glee is awesome. Glee rocks. Glee is awesome. Glee rocks. Glee is awesome. Glee rocks. Glee is awesome. Glee rocks. Glee is awesome. Glee rocks. Glee is awesome. Glee rocks. Glee is awesome. Glee rocks. Glee is awesome. Glee rocks. Glee is awesome. Glee rocks. Glee is awesome. Glee rocks. Glee is awesome. Glee rocks. Glee is awesome. Glee rocks. Glee is awesome. Glee rocks. Glee is awesome. Glee rocks. Glee is awesome. Glee rocks. Glee is awesome. Glee rocks. Glee is awesome. Glee rocks. Glee is awesome. Glee rocks. Glee is awesome. Glee rocks. Glee is awesome. Glee rocks. Glee is awesome. Glee rocks. Glee is awesome.</div>
</td></tr>
<tr class = "flex"><td>Footer. Glee rocks. Glee is awesome.</td></tr>
</table>
CSS
html, body {
height: 100%;
}
table {
height: 100%;
width: 100%;
color: white;
font-family: Arial, Helvetica, Sans-Serif;
}
.flex td {
height: 1px;
background: orange;
padding: 5px;
}
.body td {
background: dodgerblue;
overflow-y: auto;
font-size: 25px;
position: relative;
}
.inner {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
overflow: auto;
}