急求，div高度自适应问题
急求，div高度自适应问题div高度自适应问题，结构如下，定义了最小高度，但是四块要自适应铺满全屏，浏览器窗口无论缩小或放大都要自适应铺满，不能出现滚动条，css或js或...
急求，div高度自适应问题
div高度自适应问题，结构如下，定义了最小高度，但是四块要自适应铺满全屏，浏览器窗口无论缩小或放大都要自适应铺满，不能出现滚动条，css或js或JQ都可以！手机客户端用，可以忽略ie！拜谢大神！
<head>
<title>自适应高度</title>
<meta http-equiv="content-type" content="text/html;charset=gb2312">
<style type="text/css">
*{margin:0;padding:0px;}
#mm{ width:100%;}
#mm1{width:45%; float:left; background:#f00;min-height:100px; }
#mm2{width:50%; float:right; background:#dedede;min-height:60px;}
#mm3{width:45%; float:left; background:#11920a;min-height:100px;}
#mm4{width:50%; float:right; background:#0d93fb;min-height:60px; }
</style>
</head>
<body>
<div id="mm">
<div id="mm1">1111111111111111</div>
<div id="mm2">222222222222222222222</div>
<div id="mm4">444444444444444</div>
<div id="mm3">3333333333333</div>
</div>
</body>
</html> 展开
div高度自适应问题，结构如下，定义了最小高度，但是四块要自适应铺满全屏，浏览器窗口无论缩小或放大都要自适应铺满，不能出现滚动条，css或js或JQ都可以！手机客户端用，可以忽略ie！拜谢大神！
<head>
<title>自适应高度</title>
<meta http-equiv="content-type" content="text/html;charset=gb2312">
<style type="text/css">
*{margin:0;padding:0px;}
#mm{ width:100%;}
#mm1{width:45%; float:left; background:#f00;min-height:100px; }
#mm2{width:50%; float:right; background:#dedede;min-height:60px;}
#mm3{width:45%; float:left; background:#11920a;min-height:100px;}
#mm4{width:50%; float:right; background:#0d93fb;min-height:60px; }
</style>
</head>
<body>
<div id="mm">
<div id="mm1">1111111111111111</div>
<div id="mm2">222222222222222222222</div>
<div id="mm4">444444444444444</div>
<div id="mm3">3333333333333</div>
</div>
</body>
</html> 展开
展开全部
<style type="text/css">
*{margin:0;padding:0px;}
#mm{width:100%;}
#mm1{width:50%; float:left; background:#f00;height:25%;}
#mm2{width:50%; float:right; background:#dedede;height:25%;}
#mm3{width:50%; float:left; background:#11920a;height:25%;}
#mm4{width:50%; float:right; background:#0d93fb;height:25%; }
</style>
首先css写成这样的，然后用jq两句代码就能搞定
$("#mm").css("height",$(window).height());//先设定mm的高度，
$(window).resize(function(){
$("#mm").css("height",$(window).height());//当窗口高度发生变化的时候再重新对mm赋值高度
});
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
把定位改成相对
position改为relations
position改为relations
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
写了一小块js 希望能对你有帮助
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
用padding-buttom:1000px;margin-buttom:-1000px;好像是
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
