在CSS中，通過(guò)控制元素的相對(duì)位置，可以讓頁(yè)面更加美觀和易于閱讀。以下是一些常見(jiàn)的CSS屬性和值，可以用來(lái)控制元素的相對(duì)位置。

position: static | relative | absolute | fixed | inherit;
top: auto | length | percentage | inherit;
bottom: auto | length | percentage | inherit;
left: auto | length | percentage | inherit;
right: auto | length | percentage | inherit;
margin: length | percentage | auto | inherit;
padding: length | percentage | auto | inherit;

其中，position屬性用來(lái)指定元素的定位方式。如果值為relative，元素會(huì)相對(duì)于其本來(lái)的位置進(jìn)行移動(dòng)。如果值為absolute，元素會(huì)相對(duì)于其最近的已定位的祖先元素進(jìn)行移動(dòng)。如果值為fixed，元素會(huì)相對(duì)于窗口進(jìn)行移動(dòng)。如果值為static（默認(rèn)值），元素會(huì)根據(jù)正常的文檔流進(jìn)行排列。

通過(guò)使用top、bottom、left和right屬性，可以控制元素在水平和垂直方向上的移動(dòng)距離。這些屬性的值可以是長(zhǎng)度、百分比或auto。

margin屬性用來(lái)控制元素周?chē)目瞻讌^(qū)域的大小，而padding屬性用來(lái)控制元素內(nèi)部的空白區(qū)域的大小。同樣，這些屬性的值也可以是長(zhǎng)度、百分比或auto。

總之，通過(guò)靈活運(yùn)用這些CSS屬性和值，可以輕松地控制元素的相對(duì)位置，實(shí)現(xiàn)各種驚艷的頁(yè)面效果。