如何使用CSS3中的box-sizing设置盒模型控制宽度

1、第一步，打开HBuilderX编辑工具，新建一个HTML5模板页面并插入三个div标签，如下图所示：

2、第二步，接着使用类选择器，设置div标签的宽度、外边距、背景颜色，如下图所示：

4、第四步，再次在中间部分和底部部分，设置高度、宽度、行高和背景色，如下图所示：

6、第六步，在头部、中间部分和底部，分别添加box-sizing属性，如下图所示：