1、对父级元素设置合适的CSS高度
对父级元素设置合适的样式清除浮动,需要确定内容高度,例如:内容高度+边框高度
2、<code>clear:both</code>方法清除浮动(原理是在浮动元素后添加一个清除浮动元素层)
为了统一样式,新建一个div元素,并设置类属性,对应选择器设置<code>clear:both</code>,在然后在父级元素</div>结束前加入,对<code>clear:both</code>的引用
3、父级元素定义<code>overflow:hidden</code>
对父级元素添加overflow:hidden样式,可以清除父级内元素使用float产生的浮动。
4、使用:after来实现
添加一个类
.floatfix:after{
content:'.';
display:block;
height:0;
visibilility:hidden;
clear:left;
}
对父容器添加此类
<div class="p floatfix">
<div>1</div>
<div>2</div>
<div>3</div>
</div>