1、父元素设置overflow:hidden;或者overflow:auto;
缺点:子元素有超出部分会自动隐藏
2、在父元素中最后一个子元素后面插入一个div借点,给一个clear:both; 的样式,清楚上面的浮动
3、写一个清浮动样式 ,使用的时候只需要插入即可;
.clearfix:after{ content:''; display:block; clear:both; height:0; }
.clearfix{ *zoom:1; } //兼容ie6,7
另一种写法:
.clear:before,.clearfix:after{ content:' '; display:table; } .clearfix:after{ clear:both; }
4、父元素限制高度,也是一种处理办法