CSS定位是網頁布局中非常重要的一部分。其中，上、右、下、左定位是CSS中最基本的定位方法之一。

首先，我們需要了解CSS中的盒子模型。在盒子模型中，一個元素占據了一個矩形區域，它由四條邊（上、右、下、左）組成。我們可以使用CSS中的定位屬性來控制元素相對于這四條邊的位置。

.element {
position: relative; /*元素相對定位*/
top: 50px; /*相對頂邊向下移動50像素*/
right: 20px; /*相對右邊向左移動20像素*/
bottom: 30px; /*相對底邊向上移動30像素*/
left: 10px; /*相對左邊向右移動10像素*/
}

在上面的代碼中，我們使用了position屬性來設置元素的定位方式為相對定位。然后，我們分別使用top、right、bottom、left屬性來控制元素相對于頂邊、右邊、底邊、左邊的距離。

需要注意的是，如果我們沒有指定元素的定位方式，默認值為static，這時候上、右、下、左定位是無效的。

除了相對定位之外，CSS中還有絕對定位、固定定位、粘性定位等其他方式。各種定位方式間也有一些差異，需要根據實際需求選擇合適的方式。