IE 7/8渲染Iinline（Floated Divs）为块：宽度不适应内容？

Question

我有一个横跨整个页面的块元素（DIV）。它包含多个可变宽度的浮动DIV。这个元素可以存在于许多网页上（任何人都可以将它放在他们的网站上）。在所有站点的FF中，它被正确渲染，浮动的DIV只有它们的内部内容一样宽。在IE中，它有时会起作用 - 但是在其他网站上它没有，而是它将每个浮动的DIV拉伸到它的父级的宽度，它不应该是。附件是进一步举例说明的图像（红色DIV是容器，黑色DIV浮动）。

http://img8.imageshack.us/img8/4734/screenrrl.jpg （图像是Photoshop，而不是实际的HTML渲染）

Answer 1

发现它！问题是我使用单个DIV来清除父级内的所有元素。 IE中的某些渲染模式存在问题。相反，我通过向父母添加clearfix类来替换它！

Answer 2

你可以使用这个clearfix for ul（我想在屏幕截图中使用它）：

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

而不是“clear：both;”。