行內元素在設定浮動後可以設定高寬"：關鍵詞：行內 元素 設定 浮動 後 可以 設定 高 寬

平時經常給

這樣的行內元素設定浮動float:left

or

float:right，浮動了之後還可以給它們設定高度啊寬度啊。這點大家都知道，但是為什麼呢？為什麼行內元素在浮動之後就可以設定高寬了呢。

引用下曹劉陽寫的《編寫高質量程式碼-web前端開發修煉之道》一書中看到的一句話：

position：absolute和float會隱式地改變display型別，不論之前什麼型別的元素（display:none除外），只要設定了position：absolute

、 float中任意一個，都會讓元素以display:inline-block的方式顯示：可以設定長寬，預設寬度並不佔滿父元素。

這樣似乎可以解釋的通，元素都隱式地將display變為inline-block，但是ie6\7的css解析器並沒有display:inline-block這個屬性，只支援display:inline，這樣就說不通了。

又想到了，float會觸發haslayout，haslayout為true的情況下，元素可以控制自身的佈局，但是haslayout是ie專有的，不管其它瀏覽器什麼事情，這個想法應該也不成