box-sizing的作用 怎么用

1、初识box-sizing：

2、定义一个基础的HTML文档

3、定义DIV样式，设置边框和内边距

4、保存文档，查看未设置box-sizing的样式

5、设置第二个盒子模型为content-box

6、保存文档，查看未box-sizing： content-box;的样式

7、设置第二个DIV的盒子模型为border-box

8、保存文档，查看未box-sizing： border-box;的样式

9、box-sizing的使用总结：

10、box-sizing的宽高计算方式：