页面底部永远在底部
比如我设有三个DIV
<div ="head"></div>
<div ="main"></div>
<div ="foot"></div>
不管中间的DIV内容多少，底部都在浏览器的下面，内容少的时候，可以直接看到底部，内容多的时候，往下拉滚动条的时候底部才看到
网上找了好久，也得不到想要的效果
[解决办法]
用JS判断，如果内容比浏览器可视范围低的话，绝对定位foot层 bottom：0px；
[解决办法]
用js控制main的高度
如果当前main的高度小于浏览器的高度-头部和底部的高度之和时
就设置当前main的高度等于减后的值
[解决办法]
给main设置最小高度
内容少的时候，高度是设置的那个高度
内容多的时候，会随着高度的增加而增加！！
[解决办法]
固定高度，你确定你的用户的浏览器窗口大小都是一个尺寸？
