在CSS中，相對(duì)位置是指一個(gè)元素相對(duì)于另一個(gè)元素的位置，要定義一個(gè)元素的相對(duì)位置，可以使用position屬性，并將其值設(shè)置為relative，可以使用top、right、bottom和left屬性來調(diào)整該元素相對(duì)于其原始位置的距離。

假設(shè)有一個(gè)HTML元素如下：

<div id="relative-position-example">
  <div id="inner-div">我是內(nèi)部元素</div>
</div>

要將內(nèi)部元素相對(duì)于外部元素定位，可以使用以下CSS代碼：

#relative-position-example {
  position: relative; /* 將外部元素設(shè)置為相對(duì)定位 */
  width: 300px; /* 外部元素的寬度 */
  height: 200px; /* 外部元素的高度 */
  border: 1px solid #000; /* 外部元素的邊框 */
}
#inner-div {
  position: relative; /* 將內(nèi)部元素設(shè)置為相對(duì)定位 */
  top: 50px; /* 內(nèi)部元素相對(duì)于外部元素的頂部距離 */
  right: 30px; /* 內(nèi)部元素相對(duì)于外部元素的右側(cè)距離 */
  width: 100px; /* 內(nèi)部元素的寬度 */
  height: 100px; /* 內(nèi)部元素的高度 */
  background-color: #f00; /* 內(nèi)部元素的背景顏色 */
}

在上面的代碼中，內(nèi)部元素會(huì)相對(duì)于外部元素定位，其頂部距離外部元素的頂部50像素，右側(cè)距離外部元素的右側(cè)30像素，內(nèi)部元素還設(shè)置了寬度、高度和背景顏色等樣式。

需要注意的是，相對(duì)定位不會(huì)改變?cè)氐奈臋n流中的位置，即不會(huì)對(duì)其他元素產(chǎn)生影響，如果需要改變?cè)氐奈臋n流中的位置，可以使用***定位或固定定位。