JSFiddle - React, Tailwind, and code Playground

by Wil Chow

HTML

<div id="Header"></div>
<div id="Footer">
    <div id="Footer_Inset"></div>
</div>

CSS

#Header {
    position: absolute;
    top:0px;
    left: 0px;
    width: 100%;
    height: 200px;
    border: 1px solid red;
}
#Footer {
    position: fixed;
    bottom:0px;
    left: 0px;
    width: 100%;
    height: 180px;
    border: 2px solid blue;
    overflow-x: auto;
}
#Footer_Inset {
    bottom:10px;
    left: 10px;
    width: 3000px;
    height: 160px;
    border: 2px solid Green;
}