position: relative; top: 10px; left: 20px;以上代码将元素相对于其原始位置向下移动10像素,向左移动20像素。
position: relative; z-index: -1;以上代码将元素向下移动一个层级,使其隐藏在其他元素之后。
position: relative; float: right;以上代码将元素向右浮动,其它元素将会靠左对齐。
要使相对定向的效果得到正确的实现,需要注意一些细节。例如,如果元素被浮动,那么相对定向的效果将被浮动抵消,需要使用absolute定位才能实现。此外,父元素的position属性应该设置为relative或absolute,才能有效控制相对定向效果。