display:inline是把元素放进文档流里随着文档流动，例如删除了前面的元素，后面的元素会自动补上去。文本就是内联元素（display:inline），如果把<div>定义为display:inline,它就会跟随文档流流动，而且不能设置大小:
1234[it is a div]1234
float一般用在<div>（默认display:block）之类的元素上使用，可以设置大小。
float:left就是在文档流左侧浮动，文档流绕其而行,即使在元素前加上其他的内联元素（display:inline），也不会改变位置。
举个例子，在display:inline元素左边放几个字：
┌——————┐12341234
│it is a div │
└——————┘