JSFiddle - React, Tailwind, and code Playground

by naokiota

HTML

<div id="wrap">
    <div id="main">
         main content
    </div>
</div>    
<div id="footer">
    footer
</div>

CSS

html, body {height: 100%;}
#wrap {
	min-height: 100%;
}
#main {
overflow:auto;
	padding-bottom: 100px; /* footer height */
}
#footer{
	position: relative;
	margin-top: -100px;/* footer height */
	height: 100px;/* footer height */
	clear:both;
    border:1px red solid;
}