常见的面试题--CSS盒模型
CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：外边距（margin）、边框（border）、内边距（padding）、实际内容（content）四个属性。
CSS盒模型：标准模型 + IE模型
1.1 W3C盒子模型(标准盒模型)
1.2 IE盒子模型(怪异盒模型)
二、知识点
2.1 标准模型和IE模型的区别
计算宽度和高度的不同。
标准盒模型：盒子总宽度/高度 = width/height + padding + border + margin。（ 即 width/height 只是内容高度，不包含 padding 和 border 值 ）
IE盒子模型：盒子总宽度/高度 = width/height + margin = (内容区宽度/高度 + padding + border) + margin。（ 即 width/height 包含了 padding 和 border 值 ）
2.2 CSS如何设置这两种模型
标准：box-sizing: content-box; ( 浏览器默认设置 )
IE： box-sizing: border-box;