内容宽高:
例如:
红色框选就是内容宽高
元素宽高
同样是上面的代码,红色框就是元素宽高,为什么不加margin,以为外边距,是不算在div中的
当我们在已经设置好样式的时候,这是如果修改,就会导致变形,使用css3中的box-sizing属性就可以避免变形的问题
格式和取值:
box-sizing:content-box;
这个是默认值,默认值时元素的宽高=边框+内边距+内容宽高
box-sizing:border-box;
元素的宽高=wid/height的宽高(恒定)。