JSFiddle - React, Tailwind, and code Playground

by DarcyAn

HTML

<div class="header">header</div>
<div class="main">
  <div class="content">content</div>
</div>
<div class="footer">footer</div>

CSS

.header {position: absolute;top: 0;left: 0; width: 100%; height: 50px;background-color: pink;}
.main {position: absolute; top: 50px;left:0; bottom: 50px;right: 0;overflow: auto;background-color: yellow;}
.content {height: 1000px;}
.footer {position: absolute;bottom:0;left:0; width: 100%;height: 50px;background-color: pink;}