网页页面内容不够的时候，如何让footer一直固定底部显示

网页页面内容不够的时候，如何让footer一直固定底部显示？废话不多说，直接上代码

<script type="text/javascript">// 处理页面高度过矮时底部出现空白问题window.onload = function(){//待页面所有图片加载完毕后再执行jQuery(".footer").css({'display':'block'});if (document.body.clientHeight < window.innerHeight){jQuery(".footer").css({'position':'fixed','bottom':'0','width':'100%'});}controllFooter();};function controllFooter(){if ($(window).height() < $(document).height()){$(".footer").css('position','static');}else{$(".footer").css({'position':'fixed','bottom':'0px'});}}</script>

最后补充一下页面样式布局：

CSS版式布局