CSS防止坍塌是在網頁設計中用于解決元素高度塌陷問題的一個技術。當將子元素設置為浮動或絕對位置后，元素的高度會丟失導致“坍塌”問題。在這種情況下，為了解決高度塌陷，我們可以使用以下技術：

.clearfix:after { content: ""; clear: both; display: block; }

我們可以將一個空元素插入到子元素的后面，然后使用CSS來清除它的父元素內容周圍的浮動元素，從而防止其坍塌。這樣，就可以將渲染的元素保持在所期望的位置。

此外，為了防止子元素高度塌陷的問題，我們還可以使用響應式布局中的flexbox技術。使用flexbox，我們可以讓元素具有響應式的自適應性，可以更輕松地調整布局以適應不同的屏幕大小和設備類型。

.container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

總之，在網頁設計中，CSS防止坍塌可以讓我們更好地控制網站布局，并保持良好的用戶體驗。無論是使用清除浮動還是flexbox技術，我們都應該努力避免元素高度塌陷的問題。