流的破坏与保护

float属性

float的本质和属性

在float的设计之初，目的就是文字环绕效果
1、包裹性
在浮动元素中的元素包裹在浮动的元素中
2、自适应性

float的作用机制

让父元素的高度塌陷，在文字环绕效果的需求下，使父元素的高度塌陷，这样接下来的元素才可以实现文字环绕
高度塌陷，可以让浮动元素和跟随的元素处于一条水平线上
注意：行高盒子和浮动元素在同一平面不会发生重叠的特性

float与流动布局

float通过破坏正常的CSS流实现CSS环绕，但是可以用来实现布局

float的克星clear

clear：元素盒子的边不能和前面的浮动元素相邻
clear只有在块级元素中有效，但是伪元素一般都在在内联元素上，这就是为什么要设置display属性所在

BFC

BFC：块级格式化上下文
将元素封在一个特定的盒子中实现流体布局

BFC与流体布局

标签：浮动,BFC,元素,保护,clear,float,破坏,环绕,CSSWorld
来源： https://www.cnblogs.com/Indomite/p/14260383.html