CSS：盒子模型、border、padding、margin、外边距合并、塌陷现象

1. 盒子模型的介绍

盒子模型一共有几个部分组成？分别是什么？

1. 内容区域：content
2. 边框区域：border
3. 内边距区域：padding
4. 外边距区域：margin

2. 内容区域的宽度和高度

3. 边框（ border ）

4. 内边距（ padding ）

CSS3盒模型（自动内减）

给盒子设置属性 box-sizing : border-box ; 即可

5. 外边距（margin）

清除默认内外边距

外边距折叠现象 – ① 合并现象

外边距折叠现象 – ② 塌陷现象

行内元素的margin和padding无效情况