CSS中有幾種定位方式，主要有相對定位、絕對定位和固定定位。這三種定位方式可以使我們對網頁元素的位置進行更為精準的控制，提高網頁設計的效果。
相對定位是相對于元素本身原本應有位置的基礎上進行微調，通過top、bottom、left和right等屬性進行調整。代碼如下：

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

絕對定位則是相對于父元素（默認為距離他最近的position非static元素）進行定位，通過top、bottom、left和right等屬性進行定位。代碼如下：

.parent {
position: relative;
}
.child {
position: absolute;
top: 10px;
left: 20px;
}

固定定位是相對于瀏覽器窗口進行定位，當滾動頁面時，元素位置不變。代碼如下：

.fixed {
position: fixed;
top: 10px;
left: 20px;
}

以上就是CSS中常見的三種定位方式。在實際的網頁設計中，根據不同的需求與實現方式，代碼會有所不同。掌握這些定位方式，可以使我們更好地控制網頁元素的位置、大小和層級，達到更佳的設計效果。