怎样让一个div高度自适应浏览器高度
展开全部
用js先获取浏览器高度，然后给赋值给div即可
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
2016-12-03 · 百度知道合伙人官方认证企业
育知同创教育
1【专注：Python+人工智能|Java大数据|HTML5培训】 2【免费提供名师直播课堂、公开课及视频教程】 3【地址：北京市昌平区三旗百汇物美大卖场2层，微信公众号：yuzhitc】
向TA提问
关注
![]()
展开全部
<style type="text/css">
html,body{width:100%;height:100%;}
body{background:gold;margin:0 0 0 0px;}
.heading{position:fixed;background:blue;left:200px;top:0;right:0;height:100px;}
.left{position:fixed;background:blueviolet;left:0;top:0;bottom:0;width:200px;}
.right{position:fixed;left:200px;top:100px;right:0;bottom:0;overflow-y:scroll;}
.content{position:relative;box-sizing:border-box;width:100%;height:200px;margin-bottom:50px;background:aqua;}
</style>
<div class="left"></div>
<div class="heading"></div>
<div class="right">
<div class="content">111</div>
<div class="content">222</div>
<div class="content">333</div>
<div class="content">444</div>
<div class="conten
html,body{width:100%;height:100%;}
body{background:gold;margin:0 0 0 0px;}
.heading{position:fixed;background:blue;left:200px;top:0;right:0;height:100px;}
.left{position:fixed;background:blueviolet;left:0;top:0;bottom:0;width:200px;}
.right{position:fixed;left:200px;top:100px;right:0;bottom:0;overflow-y:scroll;}
.content{position:relative;box-sizing:border-box;width:100%;height:200px;margin-bottom:50px;background:aqua;}
</style>
<div class="left"></div>
<div class="heading"></div>
<div class="right">
<div class="content">111</div>
<div class="content">222</div>
<div class="content">333</div>
<div class="content">444</div>
<div class="conten
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
