JSFiddle - React, Tailwind, and code Playground

HTML

<div id="fixedheader">Top</div>
<div>1 <br>
1 <br> 
1 <br>
1 <br>
1 <br>
1 <br>
1 <br> 
1 <br>
1 <br>
1 <br>
1 <br>
1 <br> 
1 <br>
1 <br>
1 <br>
1 <br>
1 <br> 
1 <br>
1 <br>
1 <br>
1 <br>
1 <br> 
1 <br>
1 <br>
1 <br>
1 <br>
1 <br> 
1 <br>
1 <br>
1 <br>
1 <br>
1 <br> 
1 <br>
1 <br>
1 <br>
1 <br>
1 <br> 
1 <br>
1 <br>
1 <br>
1 <br>
1 <br> 
1 <br>
1 <br>
1 <br>
1 <br>
1 <br> 
1 <br>
1 <br>
1 <br>
1 <br>
1 <br> 
1 <br>
1 <br>
1 <br>
1 <br>
1 <br> 
1 <br>
1 <br>
1 <br>
1 <br>
1 <br> 
1 <br>
1 <br>
1 <br>
1 <br>
1 <br> 
1 <br>
1 <br>
1 <br>
1 <br>
1 <br> 
1 <br>
1 <br>
2 <br></div>
<div id="fixedfooter">Bottom</div>

CSS

body {
	background-color: blue;
    	color:red;
    margin: 75px auto 50px;
    height:100%;
}
div#fixedheader {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
    height:75px;
	background:yellow;
}
div#fixedfooter {
	position:absolute;
	bottom:0px;
    height:50px;
	left:0px;
	width:100%;
	background:black;
}