css3 box-sizing属性
CSS3的box-sizing属性可以用来控制元素的大小计算方式，它可以改变元素的宽度和高度的计算方式。通常，元素的宽度和高度是根据元素内容的大小来计算的，而box-sizing属性可以改变这种计算方式，使得元素的宽度和高度可以根据元素的边框和内边距来计算。
box-sizing属性的使用方法
box-sizing属性的值有两种，一种是content-box，另一种是border-box。
- content-box：这是默认值，表示元素的宽度和高度只包含元素的内容，不包含边框和内边距。
- border-box：表示元素的宽度和高度包含元素的内容、边框和内边距。
/* 使用box-sizing属性 */
.box {
box-sizing: border-box;
}
当我们设置一个元素的宽度和高度时，可以使用box-sizing属性来控制元素的大小计算方式，从而达到更精确的布局效果。