在 CSS 中有兩種常用的定位方式，即相對定位和絕對定位，它們可以幫助我們更加精準地控制元素的位置。

/* 相對定位 */
.relative {
position: relative;
left: 50px;
top: -20px;
}
/* 絕對定位 */
.absolute {
position: absolute;
left: 50px;
top: 100px;
}

相對定位和絕對定位的主要區別在于，相對定位仍保持元素原有的空間占用，而絕對定位脫離了文檔流，不再占用空間，同時可以在父級容器中自由移動。

相對定位使用 position: relative; 聲明，可以通過 left、right、top、bottom 屬性來調整元素的位置，這些屬性可以接受負值。例如，上面的示例代碼會將 .relative 元素向右移動 50 像素，向上移動 20 像素。

絕對定位也使用 position 屬性聲明，但需要設置其父級容器的 position 屬性為除 static 以外的值。然后通過 left、right、top、bottom 屬性來調整元素位置。例如，上面的示例代碼會將 .absolute 元素相對于父級容器向右移動 50 像素，向下移動 100 像素。

需要注意的是，相對定位和絕對定位都可能會導致元素重疊，需要謹慎使用。如果出現重疊問題，可以通過 z-index 屬性來設置元素的層級，較高的層級將覆蓋較低的層級。

在實際開發中可以靈活運用相對定位和絕對定位，以實現更加復雜的頁面布局效果。