css盒模型分为两种
1、标准盒模型：box-sizing：content-box
width = conent的宽
height = content的高
2、IE盒模型，也叫怪异盒模型：box-sizing：border-box
width = content的宽 + padding-left + border-left + padding-right + border-right；
height = content的高 + padding-top + border-top + padding-bottom + border-bottom；
一般都把模型设置为怪异模型，方便计算宽度，不会把宽度或者高度撑开；