float
浮动出现的意义其实只是用来让文字环绕图片而已，仅此而已。即，一个图片一段文字，图片float:left之后，文字会环绕图片。
特性
破坏性
这就是float的“破坏性”——float破坏了父标签的原本结构，使得父标签出现了坍塌现象。导致这一现象的最根本原因在于:
被设置了float的元素会脱离文档流。包裹性
撇开浮动的“破坏性”，浮动就是个带有方位的display:inline-block属性。
display:inline-block某种意义上的作用就是包裹(wrap)，而浮动也有类似的效果
清除空格
清除浮动的方法
为父元素设置
overflow：hidden浮动父元素
通过在所有浮动元素下方添加一个clear:both的元素，可以消除float的破坏性。
bootstrap正在用的——clearfix
