在CSS中，當一個元素的大小發生變化時幾乎總是需要調整它周圍的所有元素，尤其是在布局時，這可能是一項非常繁瑣的任務。因此，自動下移功能可以幫助我們省去這些麻煩。

/* 對于下列HTML代碼，當.main盒子發生大小變化時，.sidebar會自動向下移動以適應它 */
.container {
display: flex;
flex-wrap: wrap;
}
.main {
flex: 1;
}
.sidebar {
flex-basis: 200px;
margin-left: 20px;
}

在上述代碼中，我們使用了CSS Flexbox布局。.container被設置成了flex容器，.main定義為自動伸縮且占用容器剩余空間的項目，而.sidebar的尺寸是200px。

請注意，我們將.margin-left屬性設置為20px，使得.sidebar具有相應的間距。此間距將不會在容器縮小時自動調整。

使用自動下移功能可以使我們的布局更加容易管理和修改，而不必過多的糾纏于對周圍元素的調整。