开发者社区> 问答> 正文

内边距的问题

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

在虚拟机下面IE7的呈现效果却是这样的
screenshot!

当把#d2的width设置成300px后,#d1的横向被填满了,印证了#d2定义的左右内边距20像素被计在了元素的width里面。

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

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

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

不知道答案?你还可以 邀请回答  换一组

screenshot

展开
收起
杨冬芳 2016-06-02 12:15:57 1921 0
1 条回答
写回答
取消 提交回答
  • IT从业

    screenshot

    2019-07-17 19:24:36
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载