JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>JS Bin</title>
</head>
<body>
<table id="page">
  <tr><td id="tdheader">
    <div id="header">...</div>
  </td></tr>
  <tr><td id="tdcontent">
    <div id="content">...</div>
  </td>
</table>
</body>
</html>

CSS

#page {
  height: 100%; width: 100%;
    background-color:blue;
}
#tdcontent {
  height: 100%;
}
#content {
  background-color:red;
  overflow: auto; /* or overflow: hidden; */
}