CSS崩塌是一個經常發生在網頁布局中的問題，它會導致頁面展示不正常。這個問題通常會在DOM元素沒有足夠的高度時出現。

在HTML中，不管是行內元素還是塊級元素，都有默認的高度。然而在CSS中，有些元素可能沒有明確指定高度，而且某些情況下也無法獲取到其父元素的高度。這就會導致元素的高度塌陷，出現CSS崩塌。

例如，在一個包含多個浮動元素的父容器中，如果沒有為父容器指定高度，那么父容器的高度將是0，這時它的子元素將會因為沒有足夠空間而溢出。同樣，在使用虛擬布局時，如果沒有為布局容器明確指定高度，那么布局容器中的元素將看起來像沒有被布局。

.container {
float: left;
}
.item {
float: left;
}

以上代碼中，如果.container沒有指定高度，它的高度將是0，.item元素將因為沒有足夠的空間而跑到瀏覽器外面。這時候需要使用一個簡單的解決方法，為容器指定一個明確的高度。

.container {
float: left;
height: 100%;
}

這樣.container的高度就會被設置為父容器的高度，這樣可以避免CSS崩塌的問題。

總的來說，在CSS中及時設置明確的高度可以避免CSS崩塌問題的出現。