CSS是Web設計中不可缺少的樣式表語言，它能夠決定網頁的樣式以及頁面元素在屏幕上的位置。在對于手機端的網頁設計中，相對手機屏幕定位常常被應用。

與傳統的絕對定位相比，相對定位可以更靈活地適應各種屏幕尺寸。在CSS中，要使用相對定位，需要對目標元素進行以下的CSS樣式設置：

position: relative;
top: 10px;
left: 20px;

其中，position屬性設置為relative表示使用相對定位；top與left屬性分別表示目標元素相對于正常位置的上方和左側的距離。

還有一種常用的相對定位是使用百分數來設置位置。例如，一個元素設置為在父元素內的水平居中：

position: relative;
left: 50%;
transform: translateX(-50%);

其中，left屬性值設置為50%，將元素移動到父元素的中間；transform屬性使用translateX(-50%)可以將元素向左移動自身寬度的50%，以實現完美水平居中的效果。

在實際的開發中，相對定位的應用非常廣泛。例如，使用相對定位可以實現滾動條的效果、彈出層的定位、浮動菜單的創建等等。合理運用相對定位，可以使頁面更加美觀、實用、順暢。