box-sizing的语法和基本用处

border-sizing属性重点辨别两个值：content-box、border-box（下面说的盒子的宽度，均是指盒子的实际宽度）

先说一下为什么会需要border-sizing :

众所周知，盒模型可以被分为两种，一种是标准盒模型，一种是IE盒模型，区别之处就在于对于width这个变量的定义

标准盒模型：width＝content

IE盒模型：width＝content＋padding＋border

标准盒子的宽度就可以表示为：width＋padding＋border＋margin

IE盒子的宽度可以表示为：width＋margin

当我们去手动设置一个盒子的width变量的值时，就需要先声明一下这个盒子是属于哪种盒子。

当我们将值设置为content-box时，就表示将其看做标准盒子，设置的width变量的值自然就等于这个盒子的content的宽度，当我们将值修改为border-box时，也就视其为IE盒子，设置width的值等于三者宽度之和

inhert很好说，就是从父元素继承盒子的模式，父元素是标准盒模型，那么该元素就也是标准盒模型，反之亦然