CSS的另一個常見的使用場景就是移開元素。有時候，我們在網頁上需要隱藏某個元素，但又不希望它完全不可見。這時候，我們就可以使用移開元素的方法。

使用CSS移開元素的方法很簡單，只需要使用transform: translate()屬性即可。這個屬性的作用是將元素在平面上進行平移。具體的語法為：transform: translate(X,Y);。

.hide {
transform: translate(-100%, 0);
}

在這個例子中，我們將元素向左移動了100%的距離，使得它完全移出了頁面可視范圍。這樣一來，元素雖然還存在于DOM中，但已經不會再出現在用戶面前了。

由于我們使用的是transform屬性，因此這種方法并不會改變元素的布局，也不會對其他元素產生任何影響。因此，它非常適合用于像模態框、折疊面板等需要“隱藏”元素的場景。