两种盒模型（box-sizing）的区别？ Posted on 2024-03-17 Edited on 2024-03-23 In Front-end Views: 第一种盒模型是 content-box，即 width 指定的是 content 区域宽度，而不是实际宽度，公式为实际宽度 = width + padding + border 第二种盒模型是 border-box，即 width 指定的是左右边框外侧的距离，公式为实际宽度 = width 相同点是都是用来指定宽度的，不同点是 border-box 更好用。