网页中任何一个元素都可以视为一个盒子，由里到外，盒模型包括外边界（margin）、边框（border）、内边界（padding）和内容（content）。

盒模型基本分为3种：

　　CSS3属性 box-sizing

　　1、标准模型 content-box ， width = content

　　2、IE模型（也就是怪异盒模型） border-box ，width = content + padding + border

　　3、padding-box

一般在开发中使用怪异盒模型比较多

思维导图的图示