float & overflow & clear

1. float元素脱离了正常的文档流(盒模型)

不参与父元素高度计算
(但同级display:inline-block能够感知其存在)

2. float元素未脱离文本流

同级 display:inline和display:block中的文本会围绕在其周围

3. overflow:hidden|auto|scroll 能解决float造成的父元素高度塌陷

正常情况下float元素不参与父元素高度的计算，但当父元素overflow属性设置了hidden|auto|scroll后，在父元素没有设置固定高度的情况下，float元素的高度能够撑起父元素的高度

4. clear:left|right|both 能够清除当前元素前的，对应浮动方向的float兄弟元素的浮动