JSFiddle - React, Tailwind, and code Playground

HTML

<div id="top">Jeg er toppen</div>

<div id="content">Jeg er indholdet lige i midten<br>midten<br>midten<br>midten<br>midten<br>midten<br>midten<br>midten<br>midten<br>midten<br>midten<br>midten<br>midten<br>midten<br>midten<br>midten<br>midten<br>midten<br>midten<br>midten<br>midten<br>midten<br>midten<br>midten<br>midten<br>midten<br>midten<br>midten<br>midten<br>midten<br>midten<br>midten<br>midten<br>midten<br>midten<br>midten<br>midten<br>midten<br>midten<br>midten<br>midten<br>midten<br>midten<br>midten<br>midten<br>midten<br>midten<br>midten<br>midten<br>midten<br>midten<br>midten<br>midten<br>midten<br>midten<br>midten<br>midten<br>midten<br>midten<br>midten<br>midten<br>midten<br>midten<br>midten<br>midten<br>midten<br>midten<br>midten<br>midten<br>midten<br>midten<br>midten<br>midten<br>midten<br>midten<br>midten<br>midten<br>midten<br>midten<br>midten<br>midten<br>midten<br>midten<br>midten<br>midten<br>midten<br>midten<br>midten<br>midten<br>midten<br>midten<br>midten<br>midten<br>midten<br>Mere</div>

<div id="bottom">Jeg er bunden</div>

CSS

#top{position:fixed;top:0;left:0;width:100%;height:30px;background-color:red}
#content{margin:30px 0}
#bottom{position:fixed;bottom:0;left:0;width:100%;height:30px;background-color:blue}