• 盒子模型分为两种：怪异盒模型和标准和模型
  • 大多数浏览器采用W3C标准模型，而IE中则采用Microsoft自己的标准（怪异盒模型）。
  • 在标准模式下，一个块的总宽度= width + margin(左右) + padding(左右) + border(左右)

  • 在怪异模式下，一个块的总宽度= width + margin(左右)（即width已经包含了padding和border值）

    box-sizing

  • border-box:怪异盒模型，代码中的width就是大盒子的总宽

  • content-box：标准盒模型，代码中的width指的是content的宽。（默认）