关于Div适应到页面底部

在IE8中单独开发一套系统提供服务

由于页首和页尾都是嵌套的DIV，所以中间DIV在大小变化的情况下，

底部是贴着中间的，这就造就了下面一片空白的问题。

解决方案：

1、固定中间DIV高度。

问题可以解决，但是不能适应其他电脑分辨率，一旦电脑变大变小，视

图变得极差。

2、为底部嵌套页面添加绝对路径。

在底部页面的DIV中添加{position:absolute;bottom:0;}

问题也可解决。问题是必须保证中间DIV大小不超过当前能看到的全部

换言之就是大小不能太大，否则和底部又重合了。

3、第三种方法也会添加绝对路径，不过添加了距离上不距离的方法。

底部页面DIV样式{position:absolute;bottom:0;}，同时使用JS

最好给底部页面一个高度

获取当前页面总共高度减去底部页面高度，就是距离顶部高度。

公式：距离顶部top=当前页面高度-底部页面高度

JS方法：

function(){
var height=document.body.offsetHeight;//获取当前页面总高度
var top=height+$(".topdiv").height();//顶部页面的高度（注意height计算的高度没有把顶部嵌套的页面高度加进去）
$(".foot").css("top",top);//给底部页面添加绝对路径距离上面高度
}