box-sizing

css3添加的。顾名思义就是盒子尺寸。想限制谁的宽高就给谁设置。

我发现大多会设置为border-box，不得其解，百度后才明白原来就是border及padding的宽高都算到我们给定的宽高中。举个栗子：假如我们给定的height/width是50px，如果不设置这个登西，那么只是内容的宽高，如图所示：

如果设置了border-box，这个50px就包括border和padding的高度。再看图：