CSS邊框折疊是CSS盒模型的一個特性，用于解決子元素嵌套時產生的額外邊框問題。這個問題很容易發生，比如當一個div內部包含多個子元素，每個子元素都有自己的邊框。此時，元素之間的邊框會發生錯位現象，導致多余的邊框出現。這個問題可以使用CSS邊框折疊來解決。

.parent {
border: 1px solid black; /* 父元素邊框 */
padding: 10px;
}
.child {
border: 1px solid red; /* 子元素邊框 */
padding: 5px;
}
/* 當父元素和子元素都有邊框時會產生折疊 */
/* CSS邊框折疊的解決方案 */
.parent {
border: 1px solid black;
padding: 10px;
overflow: auto; /* 觸發邊框折疊 */
}
.child {
border: 1px solid red;
padding: 5px;
margin: -1px; /* 抵消邊框折疊效果 */
}
/* 使用邊框折疊后的方案 */

以上代碼演示了如何使用CSS邊框折疊解決子元素邊框錯位問題。在父元素中設置overflow屬性為auto可以觸發邊框折疊，從而消除多余的邊框。在子元素中設置margin為負值可以抵消邊框折疊的效果，從而使子元素仍然擁有自己的邊框樣式。