float元素产生浮动流清除浮动

浮动元素产生 了浮动流
所有产生了浮动流的元素，块级元素看不到他们，产生了BFC的元素和文本类属性的（inline）的元素以及文本都能看得到浮动元素，这样就导致一个问题，一个父元素，包含子元素浮动元素，父元素不会被撑起来

清除浮动解决方案
利用 clear:both ，但是，这个解决方案只对块级元素生效，不会对行间元素生效

1.给受到影响的块级元素后添加一个P标签，样式设置为clear:both 清楚左右两边的浮动流

2.利用伪元素
.wrapper ::after {
content:’’,
clear:both,
display:block
}

3.触发BFC
position:absolute;或
float:left
原因：position:absolute和float:left/right ,从内部把元素转换成inline-block,从而可以看到浮动流元素，所以能清除浮动