CSS外邊距自適應，指的是元素之間以及元素與頁面邊緣之間的距離隨窗口大小的變化而變化。這種自適應可以讓網頁更加靈活，適應不同分辨率的設備。

要實現CSS外邊距自適應，首先需要了解盒子模型。每個HTML元素都是一個矩形盒子，由內容區域、內邊距、邊框和外邊距組成。通過調整盒子模型中各個部分的大小，可以實現不同的布局效果。

.box{
width: 80%;
margin: 0 auto;
padding: 20px;
border: 1px solid #ccc;
margin-top: 50px;
margin-bottom: 50px;
}

在上面的代碼中，我們定義了一個名為box的類，它的寬度是頁面寬度的80%，并以居中的方式顯示。盒子周圍有20px的內邊距和1px的邊框，同時上下外邊距都為50px。

通過這種方式，我們可以實現一個自適應的頁面布局。當窗口大小改變時，box元素的寬度和外邊距大小也會自動調整，以適應新的窗口大小。