CSS定位常常被用來定位網頁上的元素的位置。在這篇文章中，我們將學習一些用于粘著元素的CSS定位技巧。

在CSS中，定位屬性指定了如何將元素定位在文檔中。其中最常用的定位屬性是position。position有不同的取值，包括static、absolute、relative和fixed。

static是默認的定位值，元素會按照其在文檔中的順序來排列。absolute將元素放置在離其最近的已定位祖先元素的位置，如果沒有已定位的祖先元素，則相對于文檔的body元素定位。relative與absolute類似，但是元素依然保持其原來的位置，然后相對于該位置進行偏移。fixed則是相對于瀏覽器窗口定位。

/* 將元素相對于父元素 (已定位) 來定位 */
.position-relative {
position: relative;
left: 30px;
top: -20px;
}
/* 將元素相對于瀏覽器窗口定位 */
.position-fixed {
position: fixed;
right: 0;
bottom: 0;
width: 200px;
height: 100px;
}
/* 將元素相對于文檔定位 */
.position-absolute {
position: absolute;
right: 0;
bottom: 0;
width: 200px;
height: 100px;
}

在上述代碼中，position:relative使元素以其原始位置為基準，偏移30像素向右和20像素向上。position:fixed將元素固定在瀏覽器窗口的右下角。position:absolute則將元素相對于其最近的已定位祖先元素進行偏移，并在沒有已定位祖先元素時相對于文檔。

總的來說，CSS定位使得我們可以輕松地對元素進行定位，并且可以讓網頁內容看起來更加整潔和有效。如果您正在設計一個網頁，考慮使用CSS定位來優化您的頁面布局。