float 浮动

float 浮动

浮动元素会生成一个块级框，而不论它本身是何种元素。

浮动可以理解为让元素脱离标准流，漂浮在标准流之上，和标准流不是一个层次。

如果浮动非替换元素，则要指定一个明确的宽度；否则，它们会尽可能地窄。

浮动元素会导致父元素高度塌陷，父元素的高度不包含浮动子元素的高度

设置了浮动的元素由于形成了 BFC 所以没有 margin 合并

设置了 float 属性的元素会根据属性值向左或向右浮动。浮动元素会从普通文档流中脱离，但浮动元素影响的不仅是自己，它会影响周围的元素对齐进行环绕。简单来说，就是让 block 元素无视 float 元素（位于浮动元素的下方），让 inline 元素（文字）让流水一样围绕着 float 元素来实现浮动布局。

绝对定位的元素忽略 float 属性！