css中position属性值有哪些

在CSS中，position属性用于定义元素的定位方式。有以下几个常用的取值：

1. static：默认值，元素按照正常的文档流布局进行排列。
2. relative：相对定位，元素相对于其正常位置进行偏移，不影响其他元素的位置。可以使用top、bottom、left、right等属性来调整元素的位置。
3. absolute：绝对定位，元素相对于其最近的具有定位设置（非static）的祖先元素进行偏移。如果没有祖先元素具有定位设置，则相对于窗口进行定位。同样，可以使用top、bottom、left、right等属性来控制元素的位置。
4. fixed：固定定位，元素相对于浏览器窗口进行定位，会随着滚动而保持在指定位置。也可以使用top、bottom、left、right等属性来调整元素的位置。
5. sticky：粘性定位，元素在滚动过程中表现为相对定位和固定定位的混合效果。元素在滚动到指定位置之前将保持相对定位，滚动到指定位置后将切换为固定定位。同样，可以使用top、bottom、left、right等属性来设置元素的位置。

例如，以下是一个示例展示了不同的position取值：

div.static {
  position: static;
}

div.relative {
  position: relative;
  top: 20px;
  left: 30px;
}

div.absolute {
  position: absolute;
  top: 50px;
  right: 0;
}

div.fixed {
  position: fixed;
  bottom: 0;
  left: 0;
}

div.sticky {
  position: sticky;
  top: 20px;
}

请注意，这里只列举了常用的取值。在实际开发中，还可以使用其他定位方式和属性来满足具体的布局需求。