关于盒子模型

之前一直是知道盒子模型分为两种，IE盒子模型 和 标准盒子模型，但敲代码的过程中总感觉不对，今天才实测了一下

• IE 盒子模型：width 和 height 包括 border，padding
• 标准盒子模型：width 和 height 不包括 border，padding

先放结论：

• IE7 开始已经没有 IE 的盒子模型，全部（IE，Chrome，FireFox）为标准盒子模型（IE6 不知道）
• 经测试，IE5 为 IE 盒子模型
• 所有浏览器（IE，包括IE5，Chrome，Firefox）的 box-sizing 默认均为 content-box

/********     css     ********/
.aaa{
  height:100px;
  width:100px;
  background: red;
  border:10px solid orange;
}
.bbb{
  width:100px;
  height:100px;
  background: darkblue;
}
/********     html     ********/
<div class="aaa"></div>
<div class="bbb"></div>

• IE5

  
  
  IE5
  
  
  IE5（2）

• IE7 及更高版本 IE，Chrome，Firefox

  
  
  IE7 及更高版本 IE，Chrome，Firefox
  
  
  IE7 及更高版本 IE