折叠是CSS中一个比较常见的术语，但对于刚接触CSS的新手来说可能会产生疑问，到底什么是折叠？ 折叠指的是一种布局机制，具体表现为当元素的高度（height）或行高（line-height）为0时，会将这个元素的上下内边距和边框折叠成同一条直线，从而使得相邻的两个元素间距缩小，这里有一个简单的示例：

.box {
border: 1px solid #000;
padding: 20px;
margin: 10px;
background-color: #f6f6f6;
height: 0;
}

上面的这段CSS代码定义了一个高度为0的元素，并设置了一些样式，其中包括边框、内边距和外边距，我们可以在浏览器中查看它的效果：

可以看到，由于元素的高度为0，所以上下内边距和边框被折叠成同一条线，从而使得相邻的两个元素之间的距离减少了，这就是CSS折叠的效果。 需要注意的是，折叠只会发生在垂直方向上，水平方向上不会出现折叠。另外，折叠只会发生在块级元素和表格单元格中，行内元素不会折叠。 如果想要防止折叠的发生，可以通过以下方式来避免： - 将元素的高度设置为一个非零值； - 将元素的行高设置为一个非零值； - 将元素的display属性设置为inline-block、table-cell、table-caption等会阻止折叠的属性。 以上是对CSS折叠的简单介绍，希望能对你有所帮助。