box-sizing什么时候用？常用的值都有什么？

一般在做自适应的网页设计的时候用，用这个属性网页结构才不会被破坏。

常用的值：

1.  content-box：宽度和高度分别应用到元素的内容框，在宽度和高度之外绘制元素的内边距和边框。

2.  border-box：为元素指定的任何内边距和边框都将在已设定的宽度和高度内进行绘制，通过从已设定的宽度和高度分别减去边框和内边距才能得到内容的宽度和高度。

3.  inherit：规定应从父元素继承 box-sizing 属性的值。