CSS3 box-sizing边框的大小设置

1、新建html文件，创建一个div

2、为div添加样式定义长宽和边框

3、效果如图

4、再创建一个div

5、为div添加样式定义长宽、边框和padding值

6、效果如图，明显添加padding值的div的长宽要比没有添加的大

7、两个div分别添加box-sizing: border-box;

8、预览效果如图，两个盒子的长宽一样，因此box-sizing: border-box;经常被用于设置div长宽