CSS中的定位方式是指通過選擇器來設置元素在頁面中的位置和大小。主要分為：

position:static;
position:relative;
position:absolute;
position:fixed;
position:sticky;

1. static（靜態定位）

默認定位方式，元素按照頁面的自然流排列，并不受top和left等屬性的影響。

div {
position: static;
top: 100px;
left: 100px;
}

2. relative（相對定位）

相對于元素自身原先的位置進行定位，通過top、left、bottom、right來設置偏移量。

div {
position: relative;
top: 10px;
left: 10px;
}

3. absolute（絕對定位）

相對于最近的已定位的祖先元素（父元素或父元素的父元素等）進行定位，若祖先元素都沒有定位，則相對于元素。通過top、left、bottom、right來設置偏移量。

div {
position: absolute;
top: 100px;
left: 100px;
}

4. fixed（固定定位）

相對于viewport（瀏覽器窗口）進行定位，不隨頁面滾動而變化。通過top、left、bottom、right來設置偏移量。

div {
position: fixed;
top: 100px;
left: 100px;
}

5. sticky（粘性定位）

相對于最近的滾動祖先元素和自身的位置進行定位，在元素滾動到指定位置時定位方式變為fixed，不隨頁面滾動而變化。通過top、left、bottom、right來設置偏移量。

div {
position: sticky;
top: 50px;
}

以上就是CSS中的定位方式，通過選擇合適的定位方式，可以輕松實現復雜布局效果。