CSS-14.盒子模型的宽高问题和box-sizing属性

内容宽高：

例如：

红色框选就是内容宽高

元素宽高

同样是上面的代码，红色框就是元素宽高，为什么不加margin，以为外边距，是不算在div中的

---

当我们在已经设置好样式的时候，这是如果修改，就会导致变形，使用css3中的box-sizing属性就可以避免变形的问题

格式和取值：

box-sizing:content-box;

这个是默认值，默认值时元素的宽高=边框＋内边距+内容宽高

box-sizing:border-box;

元素的宽高=wid/height的宽高（恒定）。