html css高度自适应浏览器高度,html – 使用CSS设置div高度以适合浏览器

为空div设置窗口全高

绝对定位的第一个解决方案 – FIDDLE

.div1 {

position: absolute;

top: 0;

bottom: 0;

width: 25%;

}

.div2 {

position: absolute;

top: 0;

left: 25%;

bottom: 0;

width: 75%;

}

静态的第二个解决方案(也可以使用一个相对的)定位& jQuery – FIDDLE

.div1 {

float: left;

width: 25%;

}

.div2 {

float: left;

width: 75%;

}

$(function(){

$('.div1, .div2').css({ height: $(window).innerHeight() });

$(window).resize(function(){

$('.div1, .div2').css({ height: $(window).innerHeight() });

});

});