CSS浮動內聯元素（960 GS）

Question

我只是檢查906.gs CSS代碼，並注意到他們使所有的浮動div內聯。

http://960.gs/demo.html

只是想知道的這樣做的目的是......我在學習CSS理論總是很感興趣。

Answer 1

具有float: left的元素被強制計算出display的值block。

有關更多信息，請參見：jQuery in Chrome returns "block" instead of "inline"

也加入display: inline的目的是爲了解決一個IE6的bug， 「雙緣蟲」：

http://www.positioniseverything.net/explorer/doubled-margin.html

編碼人員無意中將左浮球 放入容器盒中，並使用浮球上的左邊距 將其推開 從容器的左側。 看起來很簡單，對吧？那麼它是 ，直到它在IE6中查看。在那個 瀏覽器左邊的浮點數有 的長度神祕地加倍了！

這是一個與沒有缺點（甚至在IE6）遊離修復：

這意味着，{顯示：內聯;}上 浮子應不大於 使用{顯示不同：塊;}（或根本沒有顯示值），並且實際上所有瀏覽器 都遵循該規範，包括IE瀏覽器的 。但是，這確實會觸發IE 停止翻倍浮動的餘量。 因此，這種修復方法可以直接應用 方法，而不需要任何挑剔隱藏方法 。

事實上，如果您願意，您可以將 Inline Fix應用於所有花車，因爲沒有已知的副作用，因此可以使用 。 這樣的錯誤永遠無法獲得 牽引力，無論您可能使用或可能不使用任何邊距。