JSFiddle - React, Tailwind, and code Playground

by AndyE

HTML

<div class="outer">
    <div class="inner">
        <div class="inner2">This &lt;div&gt; fills to the bottom, but not in IE 7 or IE 6</div>
    </div>
</div>

CSS

html, body { height: 100%; padding: 0; margin: 0; }
div.outer { width:100%; position:absolute; top: 200px; bottom: 0px; }
div.inner { 
    position:relative; margin: 0 auto; width: 200px; height: 100%;
    background-color: lightblue;
}