IE9：Div内的div，内部div的宽度更大

时间：2012-04-14 19:06:34

标签： html internet-explorer-9

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

在Firefox＆amp; Chrome，这个内部div不会增加父div的宽度。然而，在IE中却恰恰相反。

我需要这样做，所以容器div不会增加它的宽度，因为它内部的div更大。

这在IE中甚至可能吗？

非常感谢

1 个答案:

答案 0 :(得分：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>

显示器： Screenshot showing the working code. Before anyone comments: html, head and body tags are optional in HTML5

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

相关问题
最新问题