css3 box-sizing： content-box 和 border-box 区别

css3 box-sizing：的 content-box 和 border-box 区别 应用

content-box 传统盒子模型

简单的讲：box-sizing:content-box 属性下的内容，假设 设置固定的宽高 100px 时候，这是内容还有border：5px padding：10px 这是这个内容就占据了 100px+10px+5px 的空间内容

border-box css3盒子模型

反之 使用 box-sizing:border-box 的时候，内容设置固定的宽高100px时，border边框 padding 内边距设置数值是，内容所占据的空间还是100px