在 CSS 中，有多種定位方式可用來控制元素在網頁中的位置和布局。下面我們將介紹其中幾種常用的定位方式。 1. 靜態定位 靜態定位是默認的定位方式，即使不指定定位方式，元素也會使用靜態定位。在靜態定位中，元素的位置是根據文檔流中元素的位置來確定的。我們可以使用以下代碼將元素設置為靜態定位：

p {
position: static;
}

2. 相對定位 相對定位是相對于元素原來的位置來定位，不會改變文檔流中其他元素的位置。我們可以使用以下代碼將元素設置為相對定位：

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

上面的代碼將元素向下移動了 20px，向右移動了 50px。 3. 絕對定位 絕對定位是相對于祖先元素（非靜態定位的祖先元素）的位置來定位的。在絕對定位中，元素會脫離文檔流，不會影響其他元素的位置。我們可以使用以下代碼將元素設置為絕對定位：

p {
position: absolute;
top: 50px;
left: 100px;
}

上面的代碼將元素向下移動了 50px，向右移動了 100px，這是相對于祖先元素（非靜態定位的祖先元素）的位置。 4. 固定定位 固定定位是相對于瀏覽器窗口的位置來定位的，不會隨著頁面滾動而改變位置。我們可以使用以下代碼將元素設置為固定定位：

p {
position: fixed;
top: 20px;
left: 50px;
}

上面的代碼將元素固定在距離瀏覽器窗口上方 20px，距離瀏覽器窗口左側 50px 的位置。 總結 以上是 CSS 中常用的定位方式，包括靜態定位、相對定位、絕對定位和固定定位，它們分別用于不同的定位需求，可以靈活地控制元素的布局和位置。