CSS自適應容器是一種能夠自動適應各種屏幕尺寸的頁面布局。它的設計目標是在不同設備上保持相同的用戶體驗，而不會因為屏幕大小的變化而出現排版錯亂等問題。

設置CSS自適應容器的關鍵就是使用百分比單位來代替固定像素。以下是一個示例代碼：

.container {
width: 80%;
margin: 0 auto;
}

在這個示例中，容器的寬度被設置為80%。這意味著，無論屏幕大小如何，容器都會占據整個屏幕寬度的80%。同時，通過使用margin屬性將容器居中對齊，保證它總是位于屏幕中央。

除了寬度之外，高度也可以使用百分比單位來設置。例如：

.container {
width: 80%;
height: 50%;
margin: 0 auto;
}

通過將高度設置為50%，容器將始終占據屏幕高度的一半。這在需要處理圖像、視頻等具有相對高度的內容時非常有用。

當然，還有許多其他的CSS屬性可以用于構建自適應容器，例如媒體查詢、flexbox等。它們可以在不同的情況下優化布局并提高用戶體驗。

總之，使用CSS自適應容器可以幫助我們構建更加靈活和適應性更強的網頁。無論用戶使用什么設備，他們都可以體驗到我們提供的優秀用戶體驗。