/* 默认的样式 */ box-sizing: content-box;
然而对于一些特殊的元素，如图片、视频等，大家往往需要将它们的尺寸计算包含padding等。这时可以设置box-sizing的参数为border-box：
/* 计算方式为包含border和padding */ box-sizing: border-box;
设置了border-box之后，元素的真实宽度和高度就包括了自身的宽度和高度、padding以及border。这样可以让大家更方便地控制元素的大小，避免出现不必要的布局问题。
需要注意的是，在CSS中，元素的默认盒模型是content-box，假如需要使用border-box，需要进行明确的设置。此外，在使用box-sizing属性的时候，大家还需要顾虑一些兼容性问题：
/* 兼容不同浏览器（包括旧版本）的方式 */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
以上代码是一种兼容不同浏览器（包括旧版本）的方式，它可以确保元素在各种浏览器中的盒模型计算方式一致，避免出现不兼容状况。