折疊是CSS中一個(gè)比較常見(jiàn)的術(shù)語(yǔ)，但對(duì)于剛接觸CSS的新手來(lái)說(shuō)可能會(huì)產(chǎn)生疑問(wèn)，到底什么是折疊？ 折疊指的是一種布局機(jī)制，具體表現(xiàn)為當(dāng)元素的高度（height）或行高（line-height）為0時(shí)，會(huì)將這個(gè)元素的上下內(nèi)邊距和邊框折疊成同一條直線(xiàn)，從而使得相鄰的兩個(gè)元素間距縮小，這里有一個(gè)簡(jiǎn)單的示例：

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

上面的這段CSS代碼定義了一個(gè)高度為0的元素，并設(shè)置了一些樣式，其中包括邊框、內(nèi)邊距和外邊距，我們可以在瀏覽器中查看它的效果：

可以看到，由于元素的高度為0，所以上下內(nèi)邊距和邊框被折疊成同一條線(xiàn)，從而使得相鄰的兩個(gè)元素之間的距離減少了，這就是CSS折疊的效果。 需要注意的是，折疊只會(huì)發(fā)生在垂直方向上，水平方向上不會(huì)出現(xiàn)折疊。另外，折疊只會(huì)發(fā)生在塊級(jí)元素和表格單元格中，行內(nèi)元素不會(huì)折疊。 如果想要防止折疊的發(fā)生，可以通過(guò)以下方式來(lái)避免： - 將元素的高度設(shè)置為一個(gè)非零值； - 將元素的行高設(shè)置為一個(gè)非零值； - 將元素的display屬性設(shè)置為inline-block、table-cell、table-caption等會(huì)阻止折疊的屬性。 以上是對(duì)CSS折疊的簡(jiǎn)單介紹，希望能對(duì)你有所幫助。