尚硅谷学习视频链接：117_CSS_盒子模型的组成部分_哔哩哔哩_bilibili

1、盒子组成

盒子组成 = content内容 + padding + border （margin不包含在盒子内）

2、div样式width、height

当css3属性box-sizing=content-box（默认）的时候，div的width、height表示盒子content的宽和高

当css3属性box-sizing=border-box的时候，div的width、height表示盒子总的宽和高

3、盒子模型调试

谷歌浏览器F12,如图选择标签“元素”/“elements”,然后选择二级标签“样式”/“styles”，可以看到右下方盒子模型