CSS中定位的方式 CSS中定位是指通过CSS样式来控制文档中元素的位置和大小，常用的定位方式有相对定位、绝对定位和固定定位。 相对定位是基于元素本身所在的位置进行调整，使用position:relative;进行设置。在相对定位下，可以通过top、right、bottom、left来控制元素在相对定位中的位置，例如：

这是一个相对定位的元素

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

在这个例子中，元素会向右移动50像素，向下移动20像素。 绝对定位是不依赖于文档布局流的位置，使用position:absolute;进行设置。在绝对定位下，可以通过top、right、bottom、left来控制元素在绝对定位中的位置，例如：

这是一个绝对定位的元素

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

在这个例子中，元素会相对于其父级元素或body元素向右移动50像素，向下移动20像素。 固定定位是指元素相对于浏览器窗口进行定位，使用position:fixed;进行设置。在固定定位下，可以通过top、right、bottom、left来控制元素在固定定位中的位置，例如：

这是一个固定定位的元素

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

在这个例子中，元素会固定在屏幕上方50像素、左侧20像素处，无论页面滚动到哪里，这个元素都会保持位置不变。 总之，以上三种定位方式各自有其应用场景，可以根据实际需要来选择具体的定位方式。