在设计网站的时候，如果你某个页面的内容没有满屏，那你的footer会离浏览器底部很远，整体看起来很难看，这里用css提供一种方法来将footer固定在浏览器底部。

1.footer部分位于底部

1.footer部分位于底部，但不悬浮，当页面内容很少时，footer也始终位于底部。

position:fixed;m2
position:fixed;m3
position:fixed;
position:fixed;
  position:fixed;  

2. footer悬浮于底部

当我们滑动鼠标时，不管怎么翻动页面，footer部分始终位于底部。

position:fixed;m2
position:fixed;m3
position:fixed;
position:fixed;
position:fixed;
position:fixed;
position:fixed;
position:fixed;
position:fixed;
position:fixed;
position:fixed;
position:fixed;
position:fixed;
position:fixed;
position:fixed;
position:fixed;
position:fixed;
position:fixed;
position:fixed;
position:fixed;
position:fixed;
position:fixed;
position:fixed;
position:fixed;
position:fixed;
position:fixed;
position:fixed;
position:fixed;
position:fixed;
position:fixed;
position:fixed;
position:fixed;
position:fixed;
position:fixed;
position:fixed;
position:fixed;
position:fixed;
position:fixed;
position:fixed;
position:fixed;
position:fixed;
position:fixed;
position:fixed;
position:fixed;
position:fixed;
position:fixed;
position:fixed;
position:fixed;
position:fixed;
position:fixed;
position:fixed;
position:fixed;
position:fixed;
position:fixed;
position:fixed;
position:fixed;
position:fixed;
position:fixed;
position:fixed;
position:fixed;
position:fixed;
position:fixed;
position:fixed;
position:fixed;
position:fixed;
position:fixed;
position:fixed;
position:fixed;
position:fixed;
position:fixed;
position:fixed;
position:fixed;
position:fixed;
position:fixed;
position:fixed;
position:fixed;
position:fixed;
position:fixed;
position:fixed;
position:fixed;
position:fixed;
position:fixed;
position:fixed;
position:fixed;
position:fixed;
position:fixed;
position:fixed;
position:fixed;
position:fixed;
position:fixed;
position:fixed;
position:fixed;
position:fixed;
position:fixed;
position:fixed;
position:fixed;
position:fixed;
  position:fixed;