JSFiddle - React, Tailwind, and code Playground

HTML

<div id="page">
    <div id="main">
        <div class="main-holder">
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed scelerisque velit orci. Sed imperdiet tortor id est p</p>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed scelerisque velit orci. Sed imperdiet tortor id est pretium eu porta tortor pretium. Nunc pellentesque est quis augue convallis sit amet placerat neque egestas. Donec posuere, massa in ullamcorper sodales, neque eros interdum dui, vitae congue odio neque in nunc. Mauris vestibulum, enim id pharetra sollicitudin, orci leo faucibus nibh, nec mattis lectus magna sed lorem. Etiam at quam vel tellus consectetur eleifend ac vel elit. Curabitur eu quam eu ipsum pulvinar sagittis.</p>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed scelerisque velit orci. Sed imperdiet tortor id est preti</p>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed scelerisque velit orci. Sed imperdiet tortor id est pretium eu porta tortor pretium. Nunc pellentesque est quis augue convallis sit amet placerat neque egestas.</p>
        </div>
    </div>
    <div id="footer">
        <div class="footer-holder">
            <div class="footer-frame">    
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed scelerisque velit orci. Sed imperdiet tortor id est pretium</p>
            </div>
        </div>
    </div>
</div>

<!--[if lte IE 7]>
<style>
#main{ min-height:100%; }
* html #content { height:100%; }
#main .main-holder {padding-bottom:expression(document.getElementById("footer").offsetHeight + "px");}
#footer{
    position:relative;
    margin-top:expression(- this.offsetHeight + "px");
}
</style>
<![endif]-->

CSS

html,body{height:100%;}
body{
    color:#000;
    font:12px Arial,sans-serif;
    margin:0;
}
#page{
    display:table;
    height:100%;
    margin:0 auto;
    width:300px;
}
#main{
    background:#0c6;
    display:table-row;
    width:100%;
}
#footer{
    background:#f00;
    display:table-footer-group;
    overflow:hidden;
    width:100%;
}
#footer .footer-holder{
    display:table-row;
    height:1%;
}
#footer .footer-frame{display:table-cell;}