把页面中的footer部分定位到底部，不会因为内容不够而上移，在网上找到一个比较简单效果又好的方法，我测试所用的的IE7、Firefox、Chrome都兼容。

原理：为了让浏览器识别高度为100%，设置html、body的height: 100%，同时把所有元素的margin和padding设置为0，这样就等于整个浏览器窗口的总高度了，把footer置于最下方，这是footer就超出这“100%”的范围了，为让footer 能够刚好在最下方，给footer加一个等于自身高度的上方的负边距（负的margin）强制把它向上推一个自身的高度，即 margin-top: 负的数值; 。但当内容超过一屏会发现内容会覆盖在footer的上方。所以还要给内容部分设置下方内补丁等于footer的高度，强制把内容部分向上推一个footer的高度就OK了。（参考文章）

代码下载： Qube下载