在CSS中，塌陷的主要表現是父元素的高度無法自適應其子元素的高度。解決這個問題，可以使用以下幾種方法。

/* 方法一：使用浮動 */ 
.parent {
overflow: auto;
/* 清除浮動 */
zoom: 1;
}
.child {
float: left;
}

對于需要浮動的子元素，將其設置為 float: left 或 float: right，同時為父元素設置 overflow: auto 或 overflow: hidden。這里的 overflow: auto 或 overflow: hidden 主要是為了讓父元素能夠包裹子元素，從而解決高度塌陷的問題。

/* 方法二：使用BFC */ 
.parent {
display: inline-block;
/* 觸發BFC */
overflow: hidden;
}

使用 BFC（塊級格式化上下文）也可以解決高度塌陷的問題。對于父元素，可以通過觸發 BFC，使其能夠自適應子元素的高度。觸發 BFC 的方法有很多種，這里使用 overflow: hidden。

/* 方法三：使用flexbox */ 
.parent {
display: flex;
/* 排列方向 */
flex-direction: column;
}

使用 Flexbox 布局也可以解決高度塌陷問題。對于父元素，將其設置為 display: flex，并且設置 flex-direction: column，即可讓子元素垂直排列，并且自適應父元素的高度。

以上就是解決 CSS 高度塌陷的三種方法。具體的選擇，可以根據具體的場景進行選擇。