css3盒子模型

css中可以通过box-sizing来指定盒模型,有两个值,即可指定为content-box、border-box,这样我们计算盒子大小的方式就发生了改变。

可以分成两种情况：
1.box-sizing:content-box 盒子为width + paddinf + border(以前默认的)

2.box-sizing: border-box 盒子大小为width

如果盒子模型我们改为了box-sizing:border-box,那padding和border就不会撑开盒子了（前提padding和border不会超过当前width宽度）