2.CSS布局篇之盒模型

盒子模型的概念说法有很多，个人的简单理解就是——即具备内容、填充、边框、边界这些属性的均可以看作盒子模型，无论是不是块级元素！

那么，主要的两种盒子模型：标准CSS盒子模型与IE盒子模型的区别是什么？（盗用两张图）

        标准盒子模型：元素的width或height=content的width或height；

      

       IE盒子模型：元素的width或height=content的width或height+padding*2+border*2；

      注意：这里所说的元素的width或height是指我们设置的元素的宽和高的大小！

标准盒模型与怪异盒模型相互转化：

box-sizing:border-box;//标准转怪异盒模型

box-sizing:content-box;//怪异转标准盒模型