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

作者：microkof
链接：https://www.jianshu.com/p/006...
起源：简书
著作权归作者所有。商业转载请分割作者取得受权，非商业转载请注明出处。