我有一个网站,其中容器 div 中有一个 div,其宽度大于容器 div。
在 Firefox 和 Chrome 中,这个内部 div 不会增加父 div 的宽度。然而,在 IE 中则相反。
我需要这样做,以便容器 div 不会因为其中的 div 较大而增加它的宽度。
这在IE中甚至可能吗?
非常感谢
我有一个网站,其中容器 div 中有一个 div,其宽度大于容器 div。
在 Firefox 和 Chrome 中,这个内部 div 不会增加父 div 的宽度。然而,在 IE 中则相反。
我需要这样做,以便容器 div 不会因为其中的 div 较大而增加它的宽度。
这在IE中甚至可能吗?
非常感谢
如果您指定标准兼容模式,则在 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>
显示:
但是,如果您在 Quirks 模式下运行相同的代码(通过 F12 开发人员菜单),它确实会扩展外部div
. 您会发现启用标准兼容模式将大大提高 Internet Explorer 与您网站的兼容性!