<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也是好好的。