CSS中位置的偏移是指我们可以通过设置样式来调整页面中各元素的位置。下面我们来详细了解一下其中的几个关键词。1、top：向上偏移多少像素我们可以通过设置top属性来让元素向上移动。如下代码：

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

以上代码表示将p元素相对于它的默认位置向上偏移20像素。2、bottom：向下偏移多少像素同样，我们可以通过设置bottom属性来让元素向下移动。如下代码：

p{position: relative;bottom: 20px;}

以上代码表示将p元素相对于它的默认位置向下偏移20像素。3、left：向左偏移多少像素我们可以通过设置left属性来让元素向左移动。如下代码：

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

以上代码表示将p元素相对于它的默认位置向左偏移20像素。4、right：向右偏移多少像素同样，我们可以通过设置right属性来让元素向右移动。如下代码：

p{position: relative;right: 20px;}

以上代码表示将p元素相对于它的默认位置向右偏移20像素。5、定位方式需要注意的是，以上四个属性只有在元素设置了定位方式（position）之后才能生效。除了使用relative之外，我们还可以使用absolute、fixed，不过它们的使用还涉及到相对于哪个元素进行定位。以上就是CSS位置的偏移相关的内容。希望对大家有所帮助。