14-IE盒模型

IE盒模型

• 又称怪异盒模型，由ie浏览器提出的一种盒模型

• 怪异盒模型的大小

  • width = content + padding + border
  • height = content + padding + border

• 盒子之间的相互转换：

  • box-sizing
    

    • border-box：转换为怪异盒模型
    • content-box：转换为标准盒模型

盒子实际大小计算

• 盒子实际高度 = height
• 盒子实际宽度 = width

盒子的占地大小

• 盒子占地高度 = height + margin上 + margin下
• 盒子占地宽度 = width + margin左 + margin右