CSS中的位置指的是如何控制元素在网页中的位置。这里我们会学到四个不同的位置：上、下、左、右。这四个位置都可以通过调整CSS值来实现。

/* 控制元素上方距离的CSS */
element{
   position: relative; /* 设置定位方式为相对位置 */
   top: 10px; /* 将元素内容相对于其原始位置上移10px */
}

/* 控制元素下方距离的CSS */
element{
   position: relative; /* 设置定位方式为相对位置 */
   bottom: 20px; /* 将元素内容相对于其原始位置下移20px */
}

如上所示，如果要将元素移动到上方或下方，可以设置元素相对于其原始位置的top或bottom值。当值为正数时，元素会向下移动；当值为负数时，元素就会向上移动。

/* 控制元素左侧距离的CSS */
element{
   position: relative; /* 设置定位方式为相对位置 */
   left: 30px; /* 将元素内容相对于其原始位置左移30px */
}

/* 控制元素右侧距离的CSS */
element{
   position: relative; /* 设置定位方式为相对位置 */
   right: 40px; /* 将元素内容相对于其原始位置右移40px */
}

如上所示，如果要将元素移动到左侧或右侧，可以设置元素相对于其原始位置的left或right值。同样，当值为正数时，元素会向右移动；当值为负数时，元素就会向左移动。

通过设置这些位置，我们可以控制元素在网页中的布局，并且在不同的设备和分辨率下能够保持正确的位置。因此，掌握CSS中的上下左右位置非常重要，对于网页的设计和开发都有很大的帮助。