html, body {
margin: 0; padding: 0; height: 100%;}.l-fit-height { display: table; height: 100%;}.l-fit-height-row { display: table-row; height: 1px;}.l-fit-height-row-content { display: table-cell;}.l-fit-height-row-expanded { height: 100%; display: table-row;}.l-fit-height-row-expanded > .l-fit-height-row-content { height: 100%; width: 100%;}@-moz-document url-prefix() { .l-scroll { display: inline-block; }}.l-scroll { overflow-y: auto; position: relative; height: 1000px;}.l-scroll-content { position: absolute; top: 0; bottom: 0; height: 1000px; min-height:100px;}<div > <section > <div > <p>Header</p> </div> </section> <section > <div > <div > <p>Foo</p> </div> </div> </section> <section > <div > <p>Footer</p> </div> </section></div>
