IE7下的内边距是计入width的吗?

今天在虚拟机下面的IE7遇到了这么个奇葩问题,块元素的内边距竟然也计入了该元素的width里面。
代码如下:

在虚拟机下面IE7的呈现效果却是这样的
clipboard.png
当把#d2的width设置成300px后,#d1的横向被填满了,印证了#d2定义的左右内边距20像素被计在了元素的width里面。
clipboard.png

请问为什么会出现这样的原因呢?照理由IE7的盒模型的理解是与标准一致的啊。

附IE11,FF,CHROME的效果:
clipboard.png

阅读 3.2k
3 个回答

看你的doctype是否写对,如果写对了,会按照标准模式(standards mode)渲染,否则按照混杂模式(quirks mode) 渲染。 标准模式下都是w3c标准盒式模型,混杂模式ie用ie盒式模型

@liu_l 说的是对的,ie7的盒模型是正确的,前提是doctype书写正确,ie6的盒模型不正确

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题