共计 301 个字符，预计需要花费 1 分钟才能阅读完成。
border-box 的应用场合
子元素有 padding 和 border，或者至多有其一，并且须要给子元素设定 100% 宽度（或者 50% 宽度等等），这时候显然须要 border-box。设为 border-box 之后，padding 和 border 的厚度能够随便调，并不会溢出父元素。如果是 content-box，那么，宽度必然会溢出，而且，为了不溢出，你设定子元素的宽度就只能是一个定值，或者是一个计算值（比方 calc(100% – 20px)）。
作者：microkof
链接：https://www.jianshu.com/p/006…
起源：简书
著作权归作者所有。商业转载请分割作者取得受权，非商业转载请注明出处。
正文完
