在 CSS 中，通过设置 position 属性来定位元素的位置，常用的有以下四种方式：
static：默认的定位方式，元素按照正常文档流排列，无法通过 top、bottom、left、right 属性调整位置。
relative：相对定位，元素仍按照正常文档流排列，但可以通过 top、bottom、left、right 属性相对于元素原本的位置进行微调。
absolute：绝对定位，元素脱离文档流，相对于最近的已定位祖先元素（即 position 值为 relative、absolute 或 fixed 的元素）进行定位。
fixed：固定定位，元素脱离文档流，相对于浏览器窗口进行定位，即使页面滚动，元素位置也不会改变。
在使用这些属性时，一般还需要设置 top、bottom、left、right 属性来精确定位元素的位置。需要注意的是，绝对定位和固定定位的元素在没有设置这些属性时，会按照元素原本位置排列，因此需要显式设置这些属性来达到定位的效果。
示例代码：
.relative {
position: relative;
top: 10px;
left: 20px;
}
.absolute {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.fixed {
position: fixed;
top: 0;
right: 0;
}在上面的示例中，.relative 类的元素相对于其原本位置向下移动了 10 像素、向右移动了 20 像素；.absolute 类的元素相对于最近的已定位祖先元素垂直居中、水平居中；.fixed 类的元素固定在浏览器窗口的右上角。
