JSFiddle - React, Tailwind, and code Playground

by Songhun

HTML

<div id="wrap">
    <div id="header">
        Header
    </div>
    <div id="contents">
        Contents
    </div>
    <div id="footer1">
        Footer 1
    </div>
    <div id="footer2">
        Footer 2
    </div>
</div>

CSS

html,body {
    margin:0;
    padding:0;
    height:100%;
    color:#EEE;
}

#wrap{
    background:#111;
    margin:0px auto;
    width:800px;
    height:100%;
    height:auto !important;
    min-height:100%
}
#header {
    background:#666;
    width:800px;
    height:50px;
}
#footer1 {
    position:absolute;
    background:#333;
    width:800px;
    height:50px;
    bottom:-50px;
}
#footer2 {
    position:absolute;
    background:#666;
    width:800px;
    height:50px;
    bottom:-100px;
}

JavaScript

$(function(){
   $(document).scrollTop(50);
});