页面内容不足一屏时显示在这一屏的最下方

有时候，当页面内容较短，撑不开浏览器高度，但是又希望footer能在窗口最低端。

思路一：将footer的父级元素的最小高度设置为100%，并相对定位；父级元素内要预留footer的高度；并将footer的绝对定位（absolute），置底（bottom:0）;

HTML

<div id="container">
    <div id="header">header</div>
    <div id="body">body</div>
    <div id="footer">footer</div>
</div>

CSS

html, body { margin: 0; padding: 0;