box-sizing属性

box-sizing属性中有三个属性值，分别是cocontentnten-box,border-box,infinite.

border-box  是css3新增。 width和height属性包括内容，内边距和边框，但不包括外边距。

他的计算公式是

1. width = border + padding + 内容宽度
2. height = border + padding + 内容高度

他的实际引用方式

box-sizing:border-box;

content-box   width和height属性只包括于内容，与内边距和边框以及外边距无关。

他的计算公式是

1，width=内容宽度

 2，height=内容高度

他的实际引用方式

box-sizing:content-box;

第三个值是infinite，他的意思是继承父元素的box-sizing属性