标准CSS盒子模型和ie低版本盒子模型的区别

  • 两种模型
    1:标准盒子模型(w3c盒子模型)
    宽度 = 内容 + 边框 + margin +padding
    2:怪异盒子模型(ie盒子模型)
    IE8及其以下版本浏览器,未声明 DOCTYPE,内容宽高会包含内填充和边框,称为怪异盒模型(IE盒模型)
    宽度 = 内容 (已经包含了border和padding)+ margin

  • 盒模型组成:
    content, border,margin,padding

  • 标准浏览器可以通过设置box-sizing:border-box触发怪异模式解析宽和高

你可能感兴趣的:(标准CSS盒子模型和ie低版本盒子模型的区别)