box-sizing

box-sizing是css3新增属性

1. content-box默认属性,也是标准盒模型。
   width ＝ content的width
   height ＝ content的height
   所以当给标准盒模型添加padding、border会影响到别的布局的位置。也就是说标准盒模型是向外排布。
   

2. border-box是IE盒模型，也成怪异盒模型。
   width ＝ content的width ＋ padding ＋ border
   height ＝ content的height ＋ padding ＋ border
   所以当给IE模型添加padding、border不会影响到别的布局的位置。也就是说IE盒模型是向内排布。