JSFiddle - React, Tailwind, and code Playground

by Danbannan

HTML

<header>
    Header
</header>
<div id="main">
Main content
</div>
<footer>
    test
</footer>

CSS

html, body {height: 100%;}

body {
    background:#888;
}

#wrap {min-height: 100%;}

header {
    background:#555;
}

#main {overflow:auto;
    background:#777;
	padding-bottom: 150px;}  /* must be same height as the footer */

footer {position: relative;
    background:#333;
	margin:0 auto;
    width:200px;
	height: 150px;
	clear:both;} 

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}