css 盒模型

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；

 一般都把模型设置为怪异模型，方便计算宽度，不会把宽度或者高度撑开；