css盒子模型

html中所有元素都可以看成一个盒子，他包括边距，边框，填充，实际内容

简单来说盒子模型分为两种：

1. W3C盒子模型（标准盒模型）

   设置width的时候，指的是单纯content的宽高
   盒子宽高=content+padding+border+margin
   

2. IE盒模型（怪异盒模型）

   设置width的时候，指的是content+padding+border的宽高
   盒子宽高=width（content+padding+border）+margin
   

3. 设置盒子模型（css指定盒子模型种类）

   box-sizing: content-box	设置为w3c模型
   box-sizing: border-box 设置为IE盒模型
   box-sizing: inherit	从父元素继承