CSS的div自移動是一個非常有趣的特性。它讓我們可以用CSS來控制div元素的位置和動畫效果，達到非常炫酷的效果。 比如，我們可以通過以下代碼來讓一個div自動移動：

div{
position: absolute;
left:0;
top: 0;
animation: move 5s ease-in-out infinite;
}
@keyframes move {
0% {left: 0;}
50% {left: 50%;}
100%{left: 100%;}
}

在這段代碼中，我們首先設定了一個div的初始位置，然后通過CSS的動畫效果來讓它自動移動。具體來說，我們通過@keyframes關鍵字來定義了一個名為“move”的動畫，它的起點是div的左側（left為0），過程中它向右移動到50%處，然后再慢慢地移到100%處。 上述的CSS代碼讓div在頁面中左右移動，但還未完成自移動任務。此時，我們還需要設定其他樣式屬性來讓div實現自移動的效果。 我們可以為div元素設置position：absolute；屬性，這個屬性能讓div元素脫離文檔流，并且讓其他元素占據原來的位置。此時，left和top屬性就能用來指定div的位置，默認為0，表示居左上角。 通過設置animation屬性的值，我們讓CSS知道我們定義了一個動畫。它的第一個參數是動畫名“move”，第二個參數是動畫過渡時間“5s”，第三個參數表示動畫變化曲線，此處為“ease-in-out”。這些參數按順序分別代表動畫名稱、動畫時長和運動曲線。 最后一個參數“infinite”表示動畫重復次數，此參數在實現div自移動時十分重要，因為我們要讓div持續地移動，而不是只移動一次。 在動畫中，我們用@keyframes規則來定義move動畫中的每個階段，代碼設置了一個從0%到100%的移動。在開始階段，div出現在左側；中間階段它移動到了頁面的中間；最后階段它再移到頁面右側。這樣重復無限次后，就產生了自移動的效果。 總之，CSS div自移動是一種非常有趣的CSS技巧，基于CSS3實現更是讓人看到了CSS的無限可能。通過掌握div自移動的相關知識，我們可以很好地控制頁面的展示效果，為用戶帶來更好的瀏覽體驗。