在CSS中，相對位移是一個很重要的概念。相對位移是指元素在網頁上的移動方式，通常包括相對于上一個元素、相對于父元素或相對于視口三種移動方式。使用CSS相對位移簡寫可以使代碼更加簡潔易懂。下面我們來了解一下CSS相對位移簡寫的用法。

首先，相對位移一般通過top、right、bottom和left四個屬性來控制。要想同時控制左右和上下方向，可以使用top和left屬性，如下：

.element {
position: relative;
top: -10px;
left: 20px;
}

這段代碼表示將元素向上移動10像素，向右移動20像素。

而CSS相對位移簡寫可以將上述代碼簡寫為：

.element {
position: relative;
top: -10px;
left: 20px;
/* 簡寫為 */
/* top: 上方偏移量；left: 左側偏移量 */
/* 可以省略bottom和right，因為他們默認值是auto */
transform: translate(-10px, 20px);
}

可以看到，在使用CSS相對位移簡寫時，我們只需要將top和left屬性的值合并到transform屬性的translate()函數中，就可以輕松實現簡寫。

總的來說，使用CSS相對位移簡寫可以使代碼更加簡潔易懂，同時也方便了開發者們對元素的位置進行控制，提高了頁面的可維護性。