参考：分享：CSS深入理解之float浮动

一：float设计初衷

即是为了实现文字环绕效果

包裹：BFC（块级格式化上下文）

破坏：容器被破坏，父元素高度塌陷（标准，

二：清除浮动（带来的影响）

1：方法一，在底部插入clear：both

clear:html block 水平元素底部

css after 伪元素

2：方法二，BFC/haylayout

3：clear与margin重叠

三：浮动与流体布局

尽量少用flaot实现砖头布局，浮动用于流体布局

四：float兼容性

CSS之浮动float