<div>默认是display:block,<span>默认是display:inline
block占一行，默认是宽100%，而且不会与任何元素一行
inline可以一行显示多个
block可设置宽度和高度
inline不可以设置宽度和高度，只随内容变化
float元素自动变为inline-block，可以设置宽度和高度，可以一行显示多个，float元素不会重叠，知道该行结束就换行。
float元素在block元素之上，和inline平级，所以会覆盖block元素，不会覆盖inline元素，inline元素围绕在float周围。
clear清除指定边的浮动元素
浮动对象的高度将不会将父对象撑开，因为浮动对象已经脱离了文档流，
overflow:hidden将清除其内的浮动元素的浮动效果，
准确的说是使浮动对象重新回到文档流(浮动对象是浮动在文档流上面[block上面，和inline平行])，但依然保持inline-block效果
谁能告诉我为什么IE里面会显示不正确呢?其它浏览器都好好的，我在本地用IE也是好好的。