成都创新互联公司专注为客户提供全方位的互联网综合服务，包含不限于网站制作、成都网站设计、秦州网络推广、小程序定制开发、秦州网络营销、秦州企业策划、秦州品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等，从售前售中售后，我们都将竭诚为您服务，您的肯定，是我们最大的嘉奖；成都创新互联公司为所有大学生创业者提供秦州建站搭建服务，24小时服务热线：18982081108，官方网址：www.cdcxhl.com

正是由于上述原因，当您为页面元素设置宽度和高度时，元素的实际大小往往比您设置的要大。为此 CSS3 中添加了 box-sizing 属性来改变默认的盒子模型，通过 box-sizing 属性可以将元素的内边距和外边距在元素内容区内绘制，以使元素呈现的宽度和高度与设置的宽度和高度相同。

box-sizing 属性的可选值如下：

【示例】下面通过一个示例来演示 box-sizing 属性的使用：

    


    
默认情况
    
box-sizing: content-box;
    
box-sizing: border-box;

运行结果如下图所示：

提示：当为元素定义 box-sizing: border-box; 属性时，元素内容区的实际宽度和高度是 width 和 height 属性中减去各边的边框和内边距的宽度。