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）为块：宽度不会调整为内容？

回答

相关问题