<div class="box1">
<div class="div2"></div>
<div class="div3"></div>
</div>
.box1{
width:300px;
height:auto
}
.div2{
float:left
}
.div3{
float:right
}
这个状态下,box1的高度会变成0px
.box1{
width:300px;
height:auto
}
.box1:after{
display:block;
content: '';
clear: both;
}
.div2{
float:left
}
.div3{
float:right
}
给box1增加一个after后那么box1的高度则会被div2和div3的内容高度给撑开就不必要再去计算父级的高度了