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中的上下左右位置非常重要，對于網頁的設計和開發都有很大的幫助。