css中如何实现左边的高度随着右边改变而改变
4个回答
展开全部
如果div结构是下面这样
<div class="container">
<div class="left"></div>
<div class="right"></div>
</div>
那么可以这样定义css:
.container {width:960px; height:100%; overflow:hidden; margin:0 auto;}
.left {height:100%; width:200px; overflow:hidden; padding-bottom:9999px; margin-bottom:-9999px; float:left; display:inline;}
.right {width:750px; float:right; height:auto;}
啰啰嗦嗦一大堆大码，实际上起到核心作用的是height:100%; overflow:hidden; padding-bottom:9999px; margin-bottom:-9999px;这一部分，这样就可以让div填充满整个父框架了~~
<div class="container">
<div class="left"></div>
<div class="right"></div>
</div>
那么可以这样定义css:
.container {width:960px; height:100%; overflow:hidden; margin:0 auto;}
.left {height:100%; width:200px; overflow:hidden; padding-bottom:9999px; margin-bottom:-9999px; float:left; display:inline;}
.right {width:750px; float:right; height:auto;}
啰啰嗦嗦一大堆大码，实际上起到核心作用的是height:100%; overflow:hidden; padding-bottom:9999px; margin-bottom:-9999px;这一部分，这样就可以让div填充满整个父框架了~~
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<style type="text/css">
.max{ background:#999; width:300px; height:350px;}
.left{ background:red; width:300px; height:auto; float:left;}
.right{ background:#6CF; width:200px; height:200px; float:right;}
</style>
<body>
<div class="max">
<div class="left">
<div class="right"></div>
</div>
</div>
</body>
代码给你了，看一下是不是你想要的效果 :)
.max{ background:#999; width:300px; height:350px;}
.left{ background:red; width:300px; height:auto; float:left;}
.right{ background:#6CF; width:200px; height:200px; float:right;}
</style>
<body>
<div class="max">
<div class="left">
<div class="right"></div>
</div>
</div>
</body>
代码给你了，看一下是不是你想要的效果 :)
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
把矮的作为父级元素，高的作为子元素，自然就把父元素撑起来了。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
要有共同的父元素才可以，height:100%
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
