我有一个横跨整个页面的 block 元素 (DIV)。它包含多个宽度可变的 float DIV。这个元素可以存在于许多网页上(任何人都可以把它放在他们的网站上)。在所有站点的 FF 中,它都正确呈现,并且 float 的 DIV 仅与其内部内容一样宽。在 IE 中,它有时会起作用——但在其他网站上它不起作用,而是将每个 float 的 DIV 拉伸(stretch)到其父级的宽度,这是不应该的。附上一张图片以进一步举例说明(红色 DIV 是容器,黑色 DIV 是 float 的)。
http://img8.imageshack.us/img8/4734/screenrrl.jpg (图片经过 Photoshop 处理,而非实际的 HTML 渲染)
最佳答案
找到了!问题是我使用单个 DIV 清除父级中的所有元素。 IE 中的某些渲染模式对此有问题。相反,我通过向父级添加一个 clearfix 类来替换它!
关于html - IE 7/8 渲染 Iinline (Floated Divs) 为 block : widths do not adjust to content?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/820894/