CSS是一種網頁樣式設計語言，使用它可以很方便地控制網頁中各個元素的樣式和排布。其中一個非常實用的功能就是控制子元素的位移。

在CSS中，我們可以使用子元素選擇器（“>”符號）來選擇一個元素的子元素，然后對其進行樣式控制。例如，下面的代碼會將id為parent的元素的直接子元素（即后代元素不包括在內）的頂部與父元素頂部之間的距離調整為20px：

#parent >* {
margin-top: 20px;
}

這里的“*”號表示匹配所有元素。當然，你也可以使用更具體的選擇器來指定子元素。例如，下面的代碼會將id為parent的元素中所有class為child的子元素的左側與父元素左側之間的距離調整為50px：

#parent >.child {
margin-left: 50px;
}

需要注意的是，這里的“>”符號必須位于選擇器中央，表示限定選擇子元素。如果將“>”符號放在開頭或結尾，則表示全局選擇器或交集選擇器，與子元素選擇器的含義不同。

除了直接位移之外，我們還可以使用相對位置來控制子元素的位置。例如，下面的代碼會將id為parent的元素中所有class為child的子元素相對于原有位置向右移動50px：

#parent >.child {
position: relative;
left: 50px;
}

通過組合使用選擇器、相對位置、絕對位置等多種手段，我們可以很方便地控制網頁中元素的排版，創(chuàng)造出各種豐富多彩的設計效果。