内容不足一屏时的footer固定底部

在网页开发中经常遇到内容不足一屏幕时，footer显示的问题。通常footer是需要公用的，所以在一些内容较少的页面就会出现footer下面留空白。以下是几种常见的解决办法：

1. css解决办法。这种是通过负值外补丁来实现的。
   html, body { height: 100%;}
   #wrapper { min-height: 100%;}
   /*#wrapper 是除footer外的所有内容的容器*/
   * html #wrapper { height: 100%;}/*兼容IE*/

2.JS解决办法。
   --计算当前窗口的高度,计算固定区域的高度（比如header 和 footer），给内容区域设定最小高度为窗口高度减去固定区域高度。
   --计算当前窗口的高度，计算当前文档的高度，然后判断如果前者大于等于后者，给footer添加fixed。