Question

div自适应高度问题。。通过js来实现

如上面图片 是360云盘的文件管理页面
怎么才能像它的一样 当浏览器高度调整 这个div层也跟着调整高度呢

Answer 1

可以不用js来实现的
用定位布局就可以的
先是左右布局，然后右边的上边这块固定高度
下边的这块就可以用绝对定位top,left,right,bottom四个属性都设置了，bottom设置为0这样就高度自动填充剩余的空间，调整浏览器也会自动调整大小的

Answer 2

$(window).resize(function(){
resizeWindow();
});

function resizeWindow(){
var winH = $(window).height();
$("div").css('height',winH+'px');//这里的div，选择你的那个div
}

追问

谢谢 确实可以 如果要是进入页面后根据浏览器高度减去其他div高度 来设置我图上标注的div高度要怎么写呢 但是也要支持 浏览器高度变化div高度也变化

追答

var winH = $(window).height();
在这里，取得你说的其他div的高度，再计算出来
再$("div").css('height',winH+'px'); 就是了

追问

了解 但是这个只在浏览器高度有变化的时候自动调整
我的意思是用户访问后在没有变动浏览器高度的情况下，根据浏览器高度减去我要减去的div层高度来设置我图上标注的div高度 同时也保留 浏览器高度变化了这个div层也跟着变化这个功能

追答

$(document).ready(function(){
resizeWindow();
});