CSS深入理解float

初衷:图片环绕效果

1.会使父元素高度塌陷

2.包裹性

3.让元素block化

4.去空格化  

5.清除浮动

.clearfix::after{
    content:"";
    display: table;
    clear: both;
}