今天在虚拟机下面的IE7遇到了这么个奇葩问题,块元素的内边距竟然也计入了该元素的width里面。
代码如下:
在虚拟机下面IE7的呈现效果却是这样的
当把#d2的width设置成300px后,#d1的横向被填满了,印证了#d2定义的左右内边距20像素被计在了元素的width里面。
请问为什么会出现这样的原因呢?照理由IE7的盒模型的理解是与标准一致的啊。
附IE11,FF,CHROME的效果:
今天在虚拟机下面的IE7遇到了这么个奇葩问题,块元素的内边距竟然也计入了该元素的width里面。
代码如下:
在虚拟机下面IE7的呈现效果却是这样的
当把#d2的width设置成300px后,#d1的横向被填满了,印证了#d2定义的左右内边距20像素被计在了元素的width里面。
请问为什么会出现这样的原因呢?照理由IE7的盒模型的理解是与标准一致的啊。
附IE11,FF,CHROME的效果:
看你的doctype是否写对,如果写对了,会按照标准模式(standards mode)渲染,否则按照混杂模式(quirks mode) 渲染。 标准模式下都是w3c标准盒式模型,混杂模式ie用ie盒式模型
3 回答5.2k 阅读✓ 已解决
5 回答2k 阅读
2 回答1.9k 阅读✓ 已解决
1 回答3k 阅读✓ 已解决
3 回答2.5k 阅读
3 回答2.1k 阅读
2 回答1k 阅读✓ 已解决