CSS 的属性 box-sizing 有什么值？分别有什么作用？

CSS 的 box-sizing 属性控制盒模型的尺寸计算方式。它有以下几个值：

• content-box：盒子的宽度和高度仅包括内容（即不包括边框、内边距和外边距）。这是默认值。
• border-box：盒子的宽度和高度包括内容、内边距和边框，但不包括外边距。使用这个值可以让你更容易地控制盒子的尺寸，因为它允许你在设置元素的宽度和高度时包括内边距和边框。
• inherit：规定应该从父元素继承 box-sizing 属性的值。

使用 box-sizing 属性可以让你更容易地控制元素的尺寸，并避免因为内边距和边框而导致的布局问题。例如，如果你想要让一个盒子占满整个屏幕，你可以使用 box-sizing: border-box 并设置宽度和高度为 100%，这样盒子就会撑满整个屏幕，而不会因为内边距和边框而导致的尺寸问题。