消除浮动带来的父元素高度塌陷浮动核心：浮动元素会脱离文档流并向左/向右浮动，直到碰到父元素或者另一个浮动元素一个父元素

浮动核心：浮动元素会脱离文档流并向左/向右浮动，直到碰到父元素或者另一个浮动元素

一个父元素内有子元素开启浮动定位，会影响到父元素高度塌陷（父元素有宽没高），解决：在父元素加overflow：hidden；推荐在less/sass中封装成函数：

.clearfix(){
    &::after{
        clear:both;
        display: block;
        content:'';
    }
}

}