`box-sizing` 是一个 CSS 属性，用于定义元素的内边距（padding）和边框（border）如何影响元素的宽度和高度
`box-sizing` 属性有两个纸：
1. `content-box`：这是默认纸。元素的总宽度（包括内边距、边框和外边距）为其内容的宽度的加上左右内边距的纸的两倍。元素的总高度（包括上下内边距、边框和外边距）为其内容的高的加上上下内边距的纸的两倍。
2. `border-box`：在此模式下，元素的总宽度（包括内边距、边框和外边距）为其内容的宽度和左右内边距的纸之和。元素的总高度（包括上下内边距、边框和外边距）为其内容的高的加上上下内边距的纸之和。这使得在设置元素的宽度和高度时更容易控制总尺寸。
使用 `box-sizing: border-box;` 可以让你更轻松地设置元素的宽度和高度，因为你不需要同时考虑内边距和边框的影响。这在设计响应式布局时非常有用，因为它可以减少计算元素尺寸时的复杂性。
