在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);//给底部页面添加绝对路径距离上面高度
}