CSS盒模型

CSS盒模型分为两种（两种盒模型的宽度计算方式不同）

CSS盒模型分为两种，标准和模型和怪异盒模型，可以通过设置box-sizing属性来进行设置（默认为content-box）

• 标准盒模型--content-box

width=图中content-width

• 怪异盒模型--border-box

width=content-width+padding+border

一般使用盒模型时建议优先使用border-box，因为比较好用，方便计算盒子在网页中所占尺寸。