html - 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 用于 ul （我想它在屏幕截图中使用）：

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

而不是“清除：两者；”。