CSS中的定位機制有三種：普通流定位、相對定位和絕對定位。
普通流定位是瀏覽器默認的布局模式，HTML元素會按照在HTML文檔中出現的順序一個接一個地排列。元素的位置由其在HTML文檔中的先后順序和它們的默認寬度和高度等因素來確定。
相對定位是一種相對于普通流定位的定位方式。使用相對定位可以讓元素在普通流中保持定位，并在其原始位置上偏移一定數值。相對定位不會破壞普通流定位，元素仍然在文檔流中占據其原有的空間，只是視覺上進行了偏移。
下面是一個簡單的示例代碼，演示如何使用相對定位：

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

在這個例子中，p元素被設置為相對定位，其左側偏移量為20px，上方偏移量為50px。元素依然保持在普通流定位中，只不過被偏移了一定距離而已。
絕對定位是一種從文檔流中完全脫離出來的定位方式。使用絕對定位可以讓元素的位置與其父元素無關，并且可以放置在任意位置上。絕對定位的元素不再占據文檔流中的位置，而是在其父元素和其他兄弟元素之間自由定位。
下面是一個簡單的示例代碼，演示如何使用絕對定位：

p {
position: absolute;
left: 0;
top: 0;
}

在這個例子中，p元素被設置為絕對定位，并放置在其父元素的左上角。
結語：
以上就是CSS中的三種定位方式：普通流定位、相對定位和絕對定位。不同的定位方式可以讓我們更加靈活地控制頁面元素的位置和布局。為了達到更好的頁面效果，我們需要根據實際情況選擇不同的定位方式。