CSS中的相對定位（relative）是一種常見的定位方式，它可以根據元素的原始位置來移動元素。在相對定位中，我們也可以使用相對單位來指定元素的寬度。下面我們來看看如何使用相對單位進行寬度設置。

.box {
position: relative;
width: 50%;
padding: 20px;
background-color: #ccc;
}

在上述代碼中，我們使用了相對單位“%”來指定元素的寬度，這表示元素的寬度將基于其父元素的寬度進行計算。在這個例子中，.box元素的寬度是其父元素寬度的50%。

需要注意的是，相對定位中如果我們不指定元素的left和top屬性，則元素的位置不會改變。因此如果我們想要移動. box元素，我們需要通過left或top屬性來指定移動的距離。

.box {
position: relative;
width: 50%;
padding: 20px;
background-color: #ccc;
left: 20px;
top: 30px;
}

在上述代碼中，我們通過left和top屬性來移動. box元素，使其相對于原位置向右移動20像素，向下移動30像素。需要注意的是，left和top屬性是相對于元素的原始位置進行計算的，因此他們的取值通常為正數。

總之，在相對定位中，我們可以使用相對單位來指定元素的寬度，并通過left和top屬性來移動元素。通過靈活應用這些屬性，我們可以輕松地為頁面布局添加各種效果。