一、浮动的定义
元素加了浮动，会脱离文档流，按照指定的一个方向移动，直到碰到父级的边界或者是另外一个浮动元素停止。
二、浮动的具体效果
1、使块元素在一行显示。
2、使内嵌支持宽高。
3、不设置宽度时宽度由内容撑开
4、脱离文档流。
5、提升半级层级。
三、inline-block与浮动
相比于inline-block，float完善了两个基本的问题。
1、换行不再解析
之前的inline-block存在换行解析的问题，会在边缘多出空格的问题，很难解决（通过减小字体大小的方式解决，一个空格等于半个字的大小）。
2、IE 6、7的兼容性问题
IE 6、7不支持块元素的inline-block，但是支持float属性。
