浮动原理——2018-01-24

一、浮动的定义

元素加了浮动，会脱离文档流，按照指定的一个方向移动，直到碰到父级的边界或者是另外一个浮动元素停止。

二、浮动的具体效果

1、使块元素在一行显示。
2、使内嵌支持宽高。
3、不设置宽度时宽度由内容撑开
4、脱离文档流。
5、提升半级层级。

三、inline-block与浮动

相比于inline-block，float完善了两个基本的问题。

1、换行不再解析

之前的inline-block存在换行解析的问题，会在边缘多出空格的问题，很难解决（通过减小字体大小的方式解决，一个空格等于半个字的大小）。

2、IE 6、7的兼容性问题

IE 6、7不支持块元素的inline-block，但是支持float属性。