如何自填充高度，高手来帮帮忙 ，进来看一看
如图一个主体里有4个div层。主体高度为百分之百，如何让3将剩余箭头处的空余地方补齐，就是把4挤下去。124的高度为固定。上一个图不太严谨，要这样的效果蓝色已经自动填充高...
如图一个主体里有4个div层。主体高度为百分之百，如何让3将剩余箭头处的空余地方补齐，就是把4挤下去。124的高度为固定。
上一个图不太严谨，要这样的效果蓝色已经自动填充高度了，但是同样的方法给白色就挤出去太多了 展开
上一个图不太严谨，要这样的效果蓝色已经自动填充高度了，但是同样的方法给白色就挤出去太多了 展开
3个回答
展开全部
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>【梅问题‧教学网范-例预览】DIV高度自动延展100%懒人包</title>
<meta name="keywords" content="梅问题教学网,css教学,css,网页设计,mouseover,滑入变颜色" />
<meta name="Author" content="梅干桑" />
<style>
body{background:#eeeeee; margin:0;}
#wrapper {width:990px; background:#fff; margin:0 auto; border:solid 10px #cccc;}
#header{height:100px; background:#3995d0; line-height:100px; text-align:center; }
#header a{
font-size:36px;
font-weight:bold;
color:#FFFFFF;
text-decoration: none;
}
#content{padding:10px; font-size:15px;}
#footer{height:40px; background:#3995d0; line-height:40px; text-align:center; color:#CCCCCC; font-size:12px;}
</style>
<script type="text/javascript" src="jquery-1.6.min.js"></script>
<script type="text/javascript" src="minwt.auto_full_height.mini.js"></script>
</head>
<body>
<div id="wrapper" none="true">
<div id="header" _height="none"><a href="http://www.minwt.com" target="_blank">梅问题教学网</a></div>
<div id="content" _height="none" style="height:200px; background:#000;color: antiquewhite;">
随便定制高度200px
</div>
<div id="content" _height="none" style="height:300px; background:#733131;color: antiquewhite;">
随便定制高度300px
</div>
<div id="content" _height="auto">这是一个DIV区块自动延展100%懒人包，直接从html标签中设定，立即就可完成此梦想罗!<br />
<ul>
<li>none="ture"->直接取得实际高度，排除所有CSS的设，如:border、margin、padding等。</li>
<li>_height="none"->扣除高度。</li>
<li>_height="auto"->高度自适应</li>
</ul>
</div>
<div id="footer" _height="none">Copyright © 2007-2011 梅问题教学网 All Rights Reserved.</div>
</div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<script type="text/javascript">
function adHeight(){
var h = document.documentElement.clientHeight;
document.getElementById('ad').style.height = (h-200) + "px";
}
window.onload = adHeight;
window.onresize = adHeight;
</script>
你是想让浏览器不出现滚动条吗？
用js动态改变div的高度好了。不过这样肯定有问题。如果浏览器尺寸变化，3中的内容尺寸也必须变化，来保证不超出3的范围。这样意义不大，你可以去网上搜搜，基本没有这么设计的页面。
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
请提供代码！！
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
