float属性 ​

定义 ​

标准文档流：

1. 空白折叠，无论多少个tab、空格、换行都折叠成一个空格，所以要紧挨着就不要触发这现象
2. 高矮不齐，底部对齐
3. 自动换行

对文档流的影响 ​

1. 改变块级、内联盒子特性，内联可设宽高，块级可内容撑开
2. 脱离标准文档流，向文本流前面带相同float属性的元素对齐，如果没有就向前直到找到块级元素排在其后面，如果没有前面没有块级元素，对齐父元素两边
3. 提升层级
4. 视图不够，跟随前一相同float的文本流
5. 内联元素文档流如水排列

清除浮动 ​

1. 给上层级的盒子添加特定高度
2. 父级after类添加clear: both
3. 浮动元素后隔添加元素的带上clear: both，内-浮动元素后，外-不想受影响元素前
4. 如果父盒子没设置高，可以触发bfc