IE9:Div内的div,内部div的宽度更大

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

标签: html internet-explorer-9

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

在Firefox& 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与您网站的兼容性!