CSS下、右、上、左（CSS Top, Right, Bottom, Left）是CSS中常用的位置屬性，用于指定元素在頁面中相對于其父元素的位置。

在CSS中，使用四個關鍵字分別表示元素的上、右、下、左位置。這些關鍵字分別是top、right、bottom和left。

/* 設置div元素相對于其父元素的位置 */
div {
position: absolute;
top: 20px;
right: 30px;
bottom: 40px;
left: 50px;
}

上述代碼將設置一個div元素相對于其父元素的位置。其中，position屬性設置為absolute，表示將元素定位后使用top、right、bottom和left屬性設置其位置。

接下來，我們通過一個例子來說明top、right、bottom和left屬性的使用。

/* 設置一個具有四個邊框和背景顏色的div元素 */
div {
position: relative;
width: 200px;
height: 200px;
border: 1px solid #ccc;
background-color: #fff;
}
/* 在div元素中添加一個絕對定位的子元素，并設置其位置 */
div span {
position: absolute;
top: 20px;
right: 30px;
bottom: 40px;
left: 50px;
background-color: #f00;
}

上述代碼將在一個div元素中添加一個絕對定位的子元素，并設置其相對于其父元素的位置。具體實現效果如下：

在實際開發中，top、right、bottom和left屬性常用于導航菜單、彈出層等需要動態定位的元素中。開發者可以通過這些屬性來自由地控制元素的位置，實現更靈活的布局效果。