1.在父级元素内容的最后添加一个空的div,添加clear属性,clear是清除上一个元素带来的影响,让元素回到原本的位置
注:给浮动元素之后的那个元素加clear:both;不推荐使用,因为会在页面添加太多的无用标签,让页面布局变得更加复杂;
2.给父级设置:overflow:hidden
注:不推荐使用,会和定位产生冲突
3.使用伪元素代码
.clearfix:after{/*在元素的最后加内容*/
content: "";
visibility: hidden;
clear: both;
height: 0;
line-height: 0;
display: block;
}
.clearfix{
zoom: 1;/*针对ie678*/
}
给浮动的父元素使用的