网页左右两边元素高度自适应,两个元素高度一致,一面高度跟随另一面的高度变化而变化
HTML 结构
<div class="all">
<div class="left"> </div>
<div class="right"> </div>
</div>
css 样式部分
.all{overflow: hidden 清除浮动....}
.left{
width:200px;
backgourndColor:red;
float:left;
overflow: hidden;
margin-bottom: -10000px
padding-bottom: 10000px;
}
right{
width: 500px;
height: 700px;
float: left;
background-color: blue;
overflow: hidden;
margin-bottom: -10000px;
padding-bottom: 10000px;
}