日期:2014-05-17  浏览次数:20683 次

页面底部永远在底部
比如我设有三个DIV
<div ="head"></div>
<div ="main"></div>
<div ="foot"></div>
不管中间的DIV内容多少,底部都在浏览器的下面,内容少的时候,可以直接看到底部,内容多的时候,往下拉滚动条的时候底部才看到

网上找了好久,也得不到想要的效果

------解决方案--------------------
用JS判断,如果内容比浏览器可视范围低的话,绝对定位foot层 bottom:0px;
------解决方案--------------------
用js控制main的高度
如果当前main的高度小于浏览器的高度-头部和底部的高度之和时
就设置当前main的高度等于减后的值
------解决方案--------------------
给main设置最小高度
内容少的时候,高度是设置的那个高度
内容多的时候,会随着高度的增加而增加!!
------解决方案--------------------
固定高度,你确定你的用户的浏览器窗口大小都是一个尺寸?