box-sizing盒子模型

border-box的使用场合
子元素有padding和border，或者至少有其一，并且需要给子元素设定100%宽度（或者50%宽度等等），这时候显然需要border-box。设为border-box之后，padding和border的厚度可以随意调，并不会溢出父元素。如果是content-box，那么，宽度必然会溢出，而且，为了不溢出，你设定子元素的宽度就只能是一个定值，或者是一个计算值（比如calc(100% - 20px)）。

作者：microkof
链接：https://www.jianshu.com/p/006...
来源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。