2015-12-13复习之CSS3盒子样式

box-sizing（content-box，border-box）

默认值是content-box

content-box：内容大小不把border，padding包含在内

通俗的讲就是，首先设定好了宽高分别为100px，再设定border和padding分别为1px，此时，容器总大小为104px，content为100px，border为1px，padding为1px。

border-box：内容大小把border，padding包含在内

通俗的讲就是，首先设定好了宽高分别为100px，就算是设定了border和padding分别为1px，最终容器总大小还是100px，content大小为96px，border为1px，padding为1px。