css-清除浮动

浮动

css浮动w3school介绍：https://www.w3school.com.cn/css/css_positioning_floating.asp

常用的清除浮动有效可用的方式：

1、浮动元素父级添加下面clearfix样式

clearfix:after{
  content: "";
  display: block;
  height: 0;
  clear:both;
  visibility: hidden;
}
.clearfix{
  *zoom: 1;/*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/
}

2、子元素最后添加<br/>元素，设置<br/>的style="clear:both"生成BFC

<br style="clear:both"/>