IE 7/8呈現Iinline（浮動Div）爲塊：寬度不會調整爲內容？

我有一個塊元素（DIV）橫跨整個頁面。它包含多個可變寬度的浮動DIV。這個元素可以存在於許多網頁上（任何人都可以放在他們的網站上）。在所有網站的FF中，它的渲染都是正確的，浮動的DIV只與其內容一樣寬。在IE中，它有時會起作用 - 但是在其他網站上它並沒有這樣做，相反，它將每個浮動的DIV延伸到它父母的寬度，這不應該是。附圖是一個圖像來進一步舉例說明（紅色DIV是容器，黑色DIV是浮動的）。IE 7/8呈現Iinline（浮動Div）爲塊：寬度不會調整爲內容？

http://img8.imageshack.us/img8/4734/screenrrl.jpg （圖片是Photoshop處理，而不是實際的HTML渲染）

來源

2009-05-04 Nic

您是否有任何可以顯示的實際代碼，以及它不起作用的網站示例？我的猜測是，這些網站呈現怪癖模式... – Guffa 2009-05-04 16:54:45

找到了！問題是我使用單個DIV來清除父代中的所有元素。 IE中的某些渲染模式對此存在問題。相反，我通過向父項添加了一個clearfix類來取代它！

來源

2009-05-04 22:34:19 Nic

您可以使用此clearfix用於UL（我想這是對的截圖使用）：的

#list { overflow: hidden; zoom: 1; }

，而不是「明確：既;」。

來源

2009-05-04 23:27:19 Mike

IE 7/8呈現Iinline（浮動Div）爲塊：寬度不會調整爲內容？

回答

相關問題