CSS中的位置调整对于网页设计非常重要。在设计中，有时会需要把某个元素向下移动一段距离。这时候就需要使用CSS的位置属性了。

/* 向下移动20像素 */
.box {
position: relative;
top: 20px;
}

上面的代码中，我们给.box元素添加了position: relative属性，这是控制位置的前提条件。同时，我们设置了top: 20px，这意味着让元素的上边界相对父元素下移20像素。

那如果我们想让元素整体下移呢？可以像这样：

/* 向下移动20像素 */
.box {
position: relative;
top: 20px;
}
/* 向下移动整个页面 */
html, body {
height: 100%;
}
body {
position: relative;
top: 20px;
}

这次我们除了给.box设置了top属性外，还对html和body元素进行了特殊处理，让它们的高度属性都设为100%。这样可以让页面占满整个浏览器窗口。然后，我们给body元素设置了position: relative以及top属性，这样整个页面就向下移动了。

当然，以上只是两种比较简单的情况，CSS的位置调整还可以结合其他属性来进行更复杂的变化。要熟练使用这些属性，需要不断地实践。加油！