CSS設置爲內嵌顯示，但檢查器顯示塊

我試圖將h3標記設置爲內聯，但無論我在CSS中使用什麼規則，檢查器中的框模型顯示display: block。CSS設置爲內嵌顯示，但檢查器顯示塊

.widget_title { 
    display:inline; 
    float:left; 
}

爲什麼這是任何想法？

2015-09-04 Lee

這是瀏覽器提供的h3的默認樣式。你可以在jsfiddle中創建代碼示例 –

不要在'inline'或'inline-block'顯示的元素中使用float。 Float將其轉換爲'block' –

看起來很簡單：在內聯元素上使用float屬性，該屬性強制inline元素變爲block元素。

必不可少的部件是這裏：

左該元件產生被向左浮動塊框。內容在框右側從頂部開始（受「明確」屬性限制）。

2015-09-04 08:09:32 smnbbrv

這很有趣，而且絕對正確。刪除浮動，解決問題。 – Lee

@Lee添加了文檔參考，以澄清爲什麼會發生這種情況 – smnbbrv

當使用浮法，絕對位置或固定的元件上你強制此元件出的正常流動的。當一個元素超出正常流程時，顯示：inline或inline-block對此，沒有任何意義。這就是爲什麼超出正常流程的元素被視爲塊元素，無論它們的顯示CSS屬性是什麼。 This是一個古老但有趣的文章關於浮游物。

2015-09-04 08:22:28

回答