css的float详解

float深入剖析

float也即浮动，在css中修饰元素让该元素脱离文档流，能够在其所处父元素内靠左或靠右显示。

划重点：脱离文档流，靠左、右显示是指在父元素区域内靠左、右或紧邻其他浮动元素，浮动元素不会占用文档流空间（相对于块级兄弟元素来说）。

1、浮动元素不会占用父元素空间，因此他不会撑开父元素的宽、高，如果某父元素内只有浮动元素，则该父元素会塌陷。

2、浮动元素后的兄弟元素若为内联元素则会紧随浮动元素摆放，若为块级元素则会忽略该浮动元素按照文档流的规则进行摆放。

3、float存在的意义是为了让实现文字环绕图片的效果。

4、清除浮动clear：none/left/right/both

本来想说详细的全面的总结一下float的特性，但由于小白本人水平有限，涉及到的内容很繁杂，所以只粗浅的总结，方便自己日后回顾。