HTML清浮动

在项目实现中，经常会用到float属性，但float会导致元素不再属于HTML文档流，盒子的高度也不在从元素中计算，而元素的长度又不固定时，也无法固定盒子的高度且无扩展性，从而会影响后续盒子的展示，此时就需要清浮动，父级的View中清浮动，使正常显示

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

after伪类： 元素内部末尾添加内容；
zoom 缩放 ，使元素根据自身内容计算宽高。
clear:both 指清除所有浮动