css盒子模型

css盒子模型：

css盒子模型，包含了元素内容（content）、内边距（padding）、边框（border）、外边距（margin）几个要素
主要分为 W3C标准盒子模型和 IE盒子模型

区别：对于W3C标准盒子模型，元素宽度等于 content的宽度
IE盒子模型，元素宽度等于 content + padding + border

box-sizing:

(1) content-box: 默认值，可以使设置的宽度和高度值应用到元素的内容框
总宽度 = margin + border + padding + width

(2) border-box：设置的width值其实是除margin外的border+padding+element的总宽度
总宽度 = margin + width;

(3) inherit 从父元素继承 box-sizing 属性的值