1，额为标签法：（隔墙法）
在父级元素里面，给浮动元素的最后一个添加一个空标签（必须是块级元素才行），标签添加clear：both；属性；
2，父级添加overflow属性：
可以给父元素添加overflow属性：值可以设置为hidden，auto，scroll属性
3，父级元素添加after伪元素：在父级元素里面浮动的子元素的最后面添加一个伪元素
1 .clearfix:after { 2 3 content:"; 4 display:block; 5 height:0; 6 clear:both; 7 visibility:hidden; 8 } 9 10 . .clearfix{ /*IE6,7专有*/ 11 *zoom:1; 12 13 }
4，父级元素添加双伪元素：在父级元素里面浮动的元素最前面和最后面都添加一个伪元素
1 .clearfix:before, .clearfix:after { 2 3 content:"; 4 5 display:table; 6 7 } 8 9 .clearfix:after{ 10 11 clear:both; 12 } 13 14 . .clearfix{ /*IE6,7专有*/ 15 16 *zoom:1; 17 18 }
原文：https://www.cnblogs.com/UnfetteredMan/p/13681146.html