JSFiddle - React, Tailwind, and code Playground

HTML

<div id="main_div">
...Contents
</div>

<div id="footer_div">
...Contents
</div>

CSS

#main_div{
    position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:100px;
	overflow:auto;
	background:#eee;
}
#footer_div{
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	background:#ddd;
    height:50px;
}