在CSS中，絕對定位是指將一個元素相對于其父元素的位置進行定位。通常情況下，絕對定位的元素會覆蓋父元素中的其他內容，但是如果對其進行適當的調整，就可以達到下移變色的效果。

.box {
position: relative;
width: 200px;
height: 100px;
background-color: #eee;
 }
 .text {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 50%;
transform: translateX(-50%);
 }
 .box:hover .text {
color: #fff;
top: 70%;
 }

上述代碼中，我們給一個包含一個文本元素的盒子設置了相對定位，讓其相對于父元素進行定位。接著，我們對文本元素進行了絕對定位，再使用了transform屬性將其垂直和水平居中。隨后，我們使用.box:hover .text選擇器對文本元素進行了懸浮狀態下的樣式變化。當鼠標懸浮在盒子上時，文本元素會向下移動，并變成白色。

使用絕對定位進行元素的調整可以讓頁面更加動態，讓用戶的互動性得到提升。