CSS中有三種定位機制：靜態排版、相對定位和絕對定位。 靜態排版是默認的定位方式，元素按照文檔流排列，不受任何位置屬性的影響。可以使用position屬性將元素的定位方式從默認的靜態改為其它方式。 相對定位通過使用position:relative;屬性可以調整元素相對于其原始位置的位置。相對定位的元素仍然保留其在文檔流中的空間，但是可以在原位置的基礎上移動，例如：

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

在上面的代碼中，段落元素被設置為相對定位，并且向右移動了50像素，向上移動了20像素。 絕對定位的元素已經完全脫離文檔流，不再占有文檔流中的任何位置。絕對定位的元素的位置相對于其最近的非靜態祖先元素，例如：

div{
position:relative;
width:200px;
height:200px;
}
p{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}

在上面的代碼中，段落元素被設置為絕對定位，并且相對于其祖先元素div垂直居中并水平居中，因為div元素設置為相對定位，段落元素的位置相對于div元素而言。 以上是CSS中的三種定位機制，可以根據實際需求選擇使用。