box-sizing 屬性允許您以特定的方式定義匹配某個區域的特定元素。

border-box：

padding和border被包含在定義的width和height之內。對象的實際寬度就等于設置的width值，即使定義有border和padding也不會改變對象的實際寬度，即 ( Element width = width )

此屬性表現為怪異模式下的盒模型。

你可以理解為：為box-sizing這個屬性設置了border-box后 就相當于將區域的寬度給固定死了，不管內容怎么變 寬度始終不變；

注：個人理解 ?如有誤 ?希望諒解