0

我有一个网站，其中容器 div 中有一个 div，其宽度大于容器 div。

在 Firefox 和 Chrome 中，这个内部 div 不会增加父 div 的宽度。然而，在 IE 中则相反。

我需要这样做，以便容器 div 不会因为其中的 div 较大而增加它的宽度。

这在IE中甚至可能吗？

非常感谢

4

1 回答 1

0

如果您指定标准兼容模式，则在 IE9 中不会发生这种情况。

尝试将其放在<!DOCTYPE html>html 文件的顶部。

<!DOCTYPE html>
<div style="width: 250px; height:150px; background-color: #ff0">
<div style="width: 500px; height:100px; background-color: #f00">
blaaah
</div>
</div>

显示： 显示工作代码的屏幕截图。 在任何人评论之前：html、head 和 body 标签在 HTML5 中是可选的

但是，如果您在 Quirks 模式下运行相同的代码（通过 F12 开发人员菜单），它确实会扩展外部div. 您会发现启用标准兼容模式将大大提高 Internet Explorer 与您网站的兼容性！

于 2012-04-16T17:07:59.463 回答