CSS中的位置屬性是指用來(lái)設(shè)置HTML元素在頁(yè)面中的位置的屬性。CSS中有多種位置屬性，其中最常見(jiàn)的是相對(duì)位置屬性。相對(duì)位置屬性指的是元素相對(duì)于其原始位置的位置。 在CSS中，相對(duì)位置屬性的定義使用的是百分比（%）或者em單位。%單位是指元素相對(duì)于其所在容器的位置的百分比。比如說(shuō)，如果一個(gè)元素的左側(cè)位置設(shè)置為20%，那么它的左側(cè)位置會(huì)相對(duì)于其所在容器的左側(cè)位置向右移動(dòng)20%的距離。同理，如果一個(gè)元素的右側(cè)位置設(shè)置為20%，那么它的右側(cè)位置會(huì)相對(duì)于其所在容器的右側(cè)位置向左移動(dòng)20%的距離。 em單位是相對(duì)于元素的字體大小計(jì)算的單位。比如說(shuō)，如果一個(gè)元素的字體大小設(shè)置為16px，而其位置設(shè)置為2em，那么它會(huì)相對(duì)于其原始位置向下移動(dòng)32px的距離。 使用CSS相對(duì)位置屬性的好處在于可以使HTML元素在頁(yè)面中的位置更加靈活可控。同時(shí)，使用相對(duì)位置屬性也可以在不改變?cè)氐哪J(rèn)位置的前提下美化頁(yè)面布局。 下面是一個(gè)使用CSS相對(duì)位置屬性的例子：

<style>
p {
position: relative;
left: 20%;
}
</style>
<p>這是一個(gè)相對(duì)位置屬性的例子</p>

以上代碼中，將p元素的位置設(shè)置為相對(duì)位置，同時(shí)將其左側(cè)位置向右移動(dòng)20%。這樣，p元素在頁(yè)面中的位置就相對(duì)于其所在容器向右移動(dòng)了20%的距離。