網頁頁面內容不夠的時候，如何讓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版式布局