CSS 是前端開發中必不可少的一部分，它可以控制頁面元素的樣式和排版，其中之一的基礎就是定位。

定位可以幫助我們將元素放置到頁面的任何位置，下面我們來介紹一下 CSS 中元素的定位方式。

/* 1. 靜態定位 */
position: static;
/* 2. 相對定位 */
position: relative;
top: 20px;
left: 30px;
/* 3. 絕對定位 */
position: absolute;
top: 20px;
right: 30px;
/* 4. 固定定位 */
position: fixed;
top: 20px;
left: 30px;

1. 靜態定位

默認情況下，元素的定位方式是靜態定位（position: static），元素的位置由文檔流決定，不會受到其它 CSS 屬性的影響。

2. 相對定位

相對定位（position: relative）的元素，可以通過設置 top、bottom、left、right 屬性，將元素在自己原有的位置上進行微調。相對定位的元素仍然占據原有的文檔流位置。

3. 絕對定位

絕對定位（position: absolute）的元素，會脫離文檔流，相對于其最近的已定位的祖先元素進行定位。如果沒有已定位的祖先元素，則相對于 body 元素進行定位。通過設置 top、bottom、left、right 屬性，就可以精確地控制元素的位置。

4. 固定定位

固定定位（position: fixed）的元素，會脫離文檔流，相對于瀏覽器窗口進行定位。通過設置 top、bottom、left、right 屬性，就可以精確地控制元素的位置。通常用于網頁的菜單欄或懸浮廣告等。

以上就是 CSS 元素定位的基礎知識。不同的定位方式，可以在頁面布局和設計中發揮出不同的作用。