相對定位(Relative定位)是CSS中一種常用的定位方法，用于將元素定位到其背景元素的上面或下面。相對于背景元素，元素被定位到其相對于背景元素的位置。

相對定位有兩種類型：絕對定位和相對定位。絕對定位會將元素定位到其背景元素的絕對地址中，而相對定位會將元素定位到相對于背景元素的位置。

相對于背景元素的相對定位方式有兩種：

1. 使用絕對定位的top和bottom屬性

在相對定位的元素上添加top和bottom屬性，將其定位到相對于背景元素的位置，如下所示：

```css

.parent {

position: relative;

top: 100px;

在這個例子中，.parent元素將定位到相對于背景元素為100px的父元素中。

2. 使用top和left屬性

在相對定位的元素上添加top和left屬性，將其定位到相對于背景元素的位置，同時保持其原來的寬度和高度，如下所示：

```css

.parent {

position: relative;

top: 100px;

left: 50px;

在這個例子中，.parent元素將定位到相對于背景元素為100px、相對于父元素為50px的父元素中。

除了使用絕對定位和相對定位之外，CSS還提供了其他定位方法，如定位到絕對定位的第一個子元素、定位到HTML標簽的根元素等。

相對定位是CSS中一種簡單且實用的定位方法，可以用于精確定位復雜的HTML結構和布局。