这段CSS代码会产生什么影响 {box-sizing：border-box;}
默认情况下，元素具有box-sizing：应用了content-box，并且仅考虑了内容大小。
box-sizing：边框更改了元素的宽度和高度的计算方式，边框和填充也包括在计算中。
元素的高度由内容的高度+垂直填充+垂直边框宽度计算得出。
元素的宽度是通过内容的宽度+水平填充+水平边框宽度来计算的。
在我们的盒子模型中，考虑到填充物和边框，与设计人员实际如何想象网格中的内容产生了更好的共鸣。
默认情况下，元素具有box-sizing：应用了content-box，并且仅考虑了内容大小。
box-sizing：边框更改了元素的宽度和高度的计算方式，边框和填充也包括在计算中。
元素的高度由内容的高度+垂直填充+垂直边框宽度计算得出。
元素的宽度是通过内容的宽度+水平填充+水平边框宽度来计算的。
在我们的盒子模型中，考虑到填充物和边框，与设计人员实际如何想象网格中的内容产生了更好的共鸣。