CSS中有一个非常重要的属性，那就是position。而在position属性中，有三个可用的值：relative、absolute和fixed。那么这三个属性的不同值会带来什么影响呢？

.relative{position: relative;top: 10px;}

首先是相对定位（relative）。在此定位方式下，元素仍然保留其正常文档流的位置，只是根据其父元素的位置进行偏移。其中，top、right、bottom和left四个属性分别控制上下左右的偏移量。下面是一个例子：

.absolute{position: absolute;top: 10px;left: 10px;}

接下来是绝对定位（absolute）。在此定位方式下，元素脱离正常文档流，并允许在父元素或整个页面中定位。同样，top、right、bottom和left四个属性也可以控制元素的位置。例如：

.fixed{position: fixed;top: 10px;right: 10px;}

最后是固定定位（fixed）。在此定位方式下，元素永远位于页面的视口内，不会因为页面滚动而移动。同样，top、right、bottom和left四个属性也可以控制元素的位置。例如：

总的来说，CSS中的position属性对元素的定位和布局有着非常重要的作用。接下来，你可以根据需要使用它的不同值来实现你想要的效果。