css清除浮动的几种方法

1，overflow: hidden

在父元素上加上overflow:hidden，当然这会有一些副作用，比如内部的一些超出父元素的部分就会被截断，滚动条也会不见。所以谨慎使用。

2，clear:both

在浮动的元素下方加一个div

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

3，利用伪元素clearfix，这是比较常见和有效的方法，它的本质就是建构了一个BFC，这样使得达到撑起父元素高度的效果。

     关于什么是BFC，可查看html中文网：https://www.html.cn/qa/css3/15308.html

.clearfix:after {
    content: "";
    display: block;
	visibility: hidden;
    clear: both;
	font-size: 0;
	height: 0;
}