尚硅谷学习视频链接：117_CSS_盒子模型的组成部分_哔哩哔哩_bilibili
1、盒子组成
盒子组成 = content内容 + padding + border （margin不包含在盒子内）
2、div样式width、height
div的width、height指的是content的宽和高，而不是盒子总的宽和高。
3、盒子模型调试
谷歌浏览器F12,如图选择标签"元素"/"elements",然后选择二级标签"样式"/"styles"，可以看到右下方盒子模型
尚硅谷学习视频链接：117_CSS_盒子模型的组成部分_哔哩哔哩_bilibili
盒子组成 = content内容 + padding + border （margin不包含在盒子内）
div的width、height指的是content的宽和高，而不是盒子总的宽和高。
谷歌浏览器F12,如图选择标签"元素"/"elements",然后选择二级标签"样式"/"styles"，可以看到右下方盒子模型