在項目實現(xiàn)中，經(jīng)常會用到float屬性，但float會導(dǎo)致元素不再屬于HTML文檔流，盒子的高度也不在從元素中計算，而元素的長度又不固定時，也無法固定盒子的高度且無擴展性，從而會影響后續(xù)盒子的展示，此時就需要清浮動，父級的View中清浮動，使正常顯示

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

after偽類： 元素內(nèi)部末尾添加內(nèi)容；
zoom 縮放 ，使元素根據(jù)自身內(nèi)容計算寬高。
clear:both 指清除所有浮動