CSS定位是前端開發中非常重要的一部分，它決定了頁面元素的位置和排列方式。在CSS中，有幾種常見的定位方式：

.position-static {
position: static;
/* 默認定位方式 */
}
.position-relative {
position: relative;
/* 相對定位，相對于元素本身原來所在的位置進行定位 */
}
.position-absolute {
position: absolute;
/* 絕對定位，相對于最近的非 static 定位祖先元素進行定位 */
}
.position-fixed {
position: fixed;
/* 固定定位，相對于瀏覽器窗口進行定位 */
}

上面展示了四種不同的定位方式。其中，position: static是默認的定位方式，元素將按照文檔流進行排列。而相對定位（position: relative）則是相對于元素現有的位置進行定位，通過設置其 left、right、top 或 bottom 屬性來調整其位置。

絕對定位（position: absolute）則是相對于最近的非 static 定位祖先元素進行定位，如果不存在這樣的元素則以文檔的 body 元素為參照物進行定位。使用絕對定位，可以使元素脫離文檔流獨立定位。

固定定位（position: fixed）和絕對定位類似，不過它是相對于瀏覽器窗口進行定位，使元素隨著瀏覽器的滾動而始終保持在某一位置，適用于懸浮廣告或導航條等場景。

以上就是CSS定位中的幾種基本方式，對于各種場景，我們需要靈活運用這些屬性來實現想要的效果。