怎么清除浮动？

怎么清除浮动？

1、额外标签法，也称隔墙法
额外标签法会在浮动元素末尾添加一个空的标签。
注意：要求这个新的空标签必须是块级元素

<div style="clear: both"></div>

2、父级添加overflow属性
可以给父级元素添加overflow属性，并将其值设置为hidden、auto或scroll属性

.box{
				overflow: hidden;
			}

优点：代码简洁
缺点：无法显示溢出的部分

3、给父级添加after伪元素法
：after方法是额外标签法的升级版，也是给父元素添加

.clearfix:after{
				content: "";
				display: block;
				clear: both;
			}
			.clearfix{
				zoom: 1;
			}			

4、双伪元素

.clearfix:before,clearfix:after{
				content: "";
				display: table;
			}
			.clearfix:after{
				clear: both;
			}
			.clearfix{
				zoom: 1;
			}