清浮动

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、父元素限制高度,也是一种处理办法

你可能感兴趣的:(清浮动)