<!-- 以下实际内容宽高，不包括margin

标准：box-sizing:content-box; 搜狗：biaozhunmoxing,guaiyimoxing

1，标准盒模型：是有W3C组织指定的，除了IE低版本外，基本所有的浏览器都遵循这个标准。

实际宽度：width + padding + border;

实际高度：height + padding + border;

2，怪异：box-sizing:border-box;

怪异盒模型：只在IE6,7,8中使用。

当width给值就不会改变 ，而里面的内容宽度会随着padding 和 border 变大而改变

当height给值就不会改变 ，而里面的内容宽度会随着padding 和 border 变大而改变 -->

<!--使用怪异模型的好处：

把一个盒子四等分，且可以任意设置边框 -->

1  2  3  4     
      5      6     30 31 32     
     
      33         
      
       1
      
34         
      
       2
      
35         
      
       3
      
36         
      
       4
      
37     
     
38 39