以本页面为例

1.内容盒子
  box-sizing:content-box
  也被称为"传统盒子"，"标准盒子"，"w3c盒子"
  设定内容盒子width属性即为设置内容的宽度
  实际所占的宽=border+padding+width
  实际所占的高=border+padding+height
2.边框盒子
  box-sizing:border-box
  也成为"IE盒子"
  设定边框盒子的width属性即为设置包括边框的总宽度
  width=边框内所有的和
  width=border+padding+内容宽