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 属性的值