css position有哪些值 他们的作用和定位原点是什么 ？

CSS的position属性用于控制元素的定位方式，它有多种取值，包括static、relative、absolute、fixed和sticky。这些取值的作用和定位原点如下：

1. static：这是position属性的默认值。在这种模式下，元素遵循正常的文档流，按照它们在HTML中的出现顺序进行布局，且不受其他定位属性的影响。也就是说，元素的位置由文档流确定，top、right、bottom、left和z-index属性不会对元素的位置产生影响。
2. relative：在这种模式下，元素相对于它在正常文档流中的位置进行定位。也就是说，元素仍然保留在正常的文档流中，但它可以根据top、right、bottom和left属性进行偏移。偏移的参考点是元素在正常文档流中的位置。

关于absolute、fixed和sticky定位方式，以及它们的定位原点，这里暂不展开，但可以简要概括如下：

• absolute：元素相对于最近的已定位祖先元素（而非正常的文档流）进行定位。如果元素没有已定位的祖先元素，那么它会相对于初始包含块进行定位。
• fixed：元素相对于浏览器窗口进行定位，即使页面滚动，它也始终位于同一的位置。
• sticky：这是相对于用户的滚动位置来定位的元素。基本上，一个sticky元素在用户滚动超过其滚动阈值之前为相对定位，之后为固定定位。

请注意，absolute、fixed和sticky定位方式会使元素脱离正常的文档流，可能会影响到其他元素的布局。同时，这些定位方式也会使top、right、bottom和left属性变得有效，可以用来控制元素的具体位置。

以上是关于CSS position属性的一些基本信息，希望对你有所帮助。