1.简介
在 CSS 中,所有的元素都被一个个盒子包围着
完整的 CSS 盒模型应用于块级盒子,内联盒子只使用盒模型中定义的部分内容。
模型定义了盒的每个部分margin, border, padding, and content
盒模型又分为标准盒模型和替代盒模型
2.组成
块级盒子由以下内容组成:
- Content Box: 显示内容,大小可以通过width 和 height设置
- Padding Box: 内容区域外部的空白区域,大小通过 padding 设置。
- Border Box: 边框盒包裹内容和内边距。大小通过 border 设置。
- Margin Box: 最外面的区域,盒子和其他元素之间的空白区域。通过 margin 设置。
2.1 标准盒模型
标准模型中,设置 width 和 height&