CSS外邊距在頁面布局中起到非常重要的作用。它能控制元素與元素之間的間距，讓頁面看起來更加美觀和整潔。然而，在設置外邊距時，我們通常需要手動設置每個元素的外邊距大小，并且需要考慮到不同屏幕尺寸和瀏覽器的兼容性問題。這對于一頁復雜的頁面來說，是非常繁瑣的。

為了解決這個問題，CSS提供了一個簡便的方法，即設置外邊距為自動（auto）。這個方法可以讓元素自動計算外邊距的大小，從而實現自適應頁面布局的效果。

下面是一段示例代碼，我們可以看到在設置外邊距為自動之后，元素之間的間距會自動計算，從而達到頁面布局自適應的效果。

.container {
display: flex;
justify-content: space-between;
}
.item {
margin: auto;
}

上面的代碼中，我們首先設置父容器的display屬性為flex，這樣子元素會水平排列。然后設置justify-content屬性為space-between，這樣可以讓子元素之間的間距自動計算。接著，在子元素中設置margin屬性為auto，這樣就可以讓元素自動計算外邊距的大小了。

使用CSS外邊距自動設置方法，可以讓我們在頁面設計中更加輕松地實現自適應布局的效果。然而，需要注意的是，在使用時要考慮到瀏覽器的兼容性，以及不同元素間外邊距的關系，才能達到最佳的頁面效果。