CSS中定位元素有很多方式，這些方式很靈活，可以根據具體需求進行選擇。下面我們來介紹一下CSS中幾種常見的定位方式。
1. 靜態定位（static）
靜態定位是元素默認的定位方式，也就是說如果不對元素進行定位，那么它的定位方式就是靜態定位。在靜態定位中，元素的位置是由它在文檔流中的位置決定的，我們無法通過top、bottom、left、right屬性來改變元素的位置。
使用方法：
```css
p {
position: static;
}
```
2. 相對定位（relative）
相對定位是相對于元素默認的位置進行定位的。我們可以通過設置top、bottom、left、right屬性來改變相對定位元素的位置。值得注意的是，在相對定位中，元素不脫離文檔流，仍然占據著原來的位置。
使用方法：
```css
p {
position: relative;
top: 10px;
left: 20px;
}
```
3. 絕對定位（absolute）
絕對定位是相對于最近的已定位祖先元素進行定位的。如果沒有已定位的祖先元素，則相對于最初的包含塊（也就是瀏覽器窗口）來定位。在絕對定位中，元素脫離文檔流，不占據原來的位置。我們同樣可以通過top、bottom、left、right屬性來改變元素的位置。
使用方法：
```css
p {
position: absolute;
top: 10px;
right: 20px;
}
```
4. 固定定位（fixed）
固定定位是相對于最初的包含塊（也就是瀏覽器窗口）進行定位的，不隨滾動條的滾動而改變位置。和絕對定位一樣，固定定位元素也脫離文檔流。
使用方法：
```css
p {
position: fixed;
top: 10px;
right: 20px;
}
```
以上就是CSS中常見的定位方式。根據不同的需求，我們可以選擇不同的定位方式來定位元素，讓它們在頁面中呈現出我們想要的效果。
上一篇清理div樣式css
下一篇清理css和js