CSS中有兩種基本的定位方式——相對定位和絕對定位。這兩種定位方式提供了一種方式來控制元素的位置和布局。 相對定位是指相對于當前元素原始位置的一種定位方式。通過設置CSS屬性position為relative，可以啟用相對定位。在相對定位中，通過修改CSS屬性top、bottom、left和right的值來實現元素相對于原始位置的移動。例如：

p {
position: relative;
left: 30px;
top: 20px;
}

以上代碼表示將p元素相對于其原始位置向右移動30個像素，向下移動20個像素。 相對定位可以使元素相對于原始位置偏移，但不會影響文檔中其他元素的位置。如果其他元素包括文本流需要滑動以避免遮蓋被偏移的元素，則可能會導致布局問題。 絕對定位是指元素相對于其最近的非static定位的祖先元素的一種定位方式。通過設置CSS屬性position為absolute，可以啟用絕對定位。在絕對定位中，通過修改CSS屬性top、bottom、left和right的值來實現元素相對于其最近的非static定位祖先元素的移動。例如：

div {
position: relative;
}
p {
position: absolute;
top: 50px;
left: 100px;
}

以上代碼表示將p元素相對于div元素移動。由于div是相對定位的，因此在絕對定位中，p元素將相對于div元素移動。此外，如果沒有祖先元素是非static定位，則元素將相對于文檔窗口移動。 絕對定位不會影響其他元素的位置，因為元素從文檔流中刪除。這意味著它可以放置在其他元素之上，因此它通常用于創建圖層效果。 總而言之，相對定位和絕對定位是用于控制元素在網頁中位置的兩種方式，它們都通過修改CSS屬性top、bottom、left和right的值來實現元素的移動。相對定位只影響元素原始位置，不影響文檔流中其他元素的位置；而絕對定位將導致元素從文檔流中刪除，因此它可以與其他元素重疊。