盒模型：正常盒子: content-box 和怪异盒子: border-box 特点

盒子从外到里的顺序是：  margin, border,padding,content

正常盒子

设置（默认）： 

box-sizing:content-box

特点:content == width(如下图) 

怪异盒子

设置：

box-sizing:boder-box

特点:

padding + boder + content == width(如下图所示)

那想一想：这两张图片，哪个盒子大一些呢？

答案：正常盒子大一些，首先：这个大小是指boder:1px solid black 所展示的边框大小，所以就是看offsetwidth 大小，而正常盒子offsetwidth大一些。

 上图的调试代码：