方法就是在子div中加入一个特殊的div,再设置其样式
<body>
<div class="father">
<div class="son1">Box-1<div> //son div都是设置了float属性的
<div class="son2">Box-2<div>
<div class="son3">Box-3<br/>
Box-3<br/>
Box-3<br/>
Box-3</div>
<div class="clear"></div> //特殊的那个非浮动的div
</div>
</body>
//特殊的那个div的css
.father .clear{
margin:0;
padding;0;
border;0;
clear:both; //左右清除环绕浮动盒子的效果
}
//浮动div的css
.son1{
float:left;
}
son2,son3同上
<body>
<div class="father">
<div class="son1">Box-1<div> //son div都是设置了float属性的
<div class="son2">Box-2<div>
<div class="son3">Box-3<br/>
Box-3<br/>
Box-3<br/>
Box-3</div>
<div class="clear"></div> //特殊的那个非浮动的div
</div>
</body>
//特殊的那个div的css
.father .clear{
margin:0;
padding;0;
border;0;
clear:both; //左右清除环绕浮动盒子的效果
}
//浮动div的css
.son1{
float:left;
}
son2,son3同上