有时候，我们做网页会遇到内容少撑不起网页的情况，导致底部的footer上游到屏幕的中部，很难看。不过，幸好有万能的javascript,我们仍然可以利用它的if语句来判断屏幕的大小，代码如下：
var di = document.getElementById("di");//声明变量，我习惯把footer盒子命名为“di”
var chk =
document.documentElement.offsetHeight;//这是整个网页页面的高度
var yemian =
document.documentElement.clientHeight;//这是屏幕设备的可视高度
if(chk > yemian - 60){//如果网页的高度大于屏幕可视范围的高度，我的footer设置的是60px的高度
di.style.cssText = "position:relative";//就使用相对定位，
}else{
di.style.cssText = "position:absolute;left:0px;bottom:0px;";//否则就使用绝对定位，居屏幕的左下角。
};
微信duguqiri
QQ1099167085
微博：都点网
本文章是原创，转载请注明出处，否则追究法律责任！