折疊是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折疊的簡單介紹，希望能對你有所幫助。