在網頁設計中，CSS的一個常見需求就是固定某些元素的位置，不讓它因為滾動頁面而移動。這種需求在一些頁面元素中特別常見，比如導航欄，底部版權信息等等。接下來我們就來討論一下如何采用CSS使某些元素的位置固定不變。

一種最簡單的CSS方法是采用position屬性。我們用position:fixed來固定元素的位置，這樣即使頁面滾動，被固定的元素也不會改變自己的位置。而如果要指定固定元素在頁面中的位置，可以用top, right, bottom, left等屬性來指定相應的距離值。

.fixed-element {
position: fixed;
top: 10px;
left: 10px;
}

在以上代碼中，我們指定了一個類名為.fixed-element的元素的固定位置，即在頁面左上角，距離窗口上方10像素，距離窗口左側10像素。

但是需要注意的是，采用position:fixed方法可以使元素固定，但也會使元素脫離文檔流，因此會影響后續元素的排版。如果你的元素不需要與其他元素產生交互，或者你已經在文檔中為需要產生交互的元素為預留空間，則可以使用這種方法。

如果你的元素需要與其他元素產生交互，則可以采用其他CSS方法來實現元素位置的固定。比如，可以使用flexbox來使元素在布局中保持不變。

.container {
display: flex;
justify-content: center; /*水平居中*/
align-items: center; /*垂直居中*/
height: 100vh; /*視口全屏*/
}
.fixed-element {
position: relative;
}

在以上代碼中，我們采用flexbox創建一個容器，容器居中包含需要固定位置的元素。由于容器設置為高度為100vh，而固定位置元素的position為relative，所以固定位置元素不會隨著頁面滾動而移動，而其他的元素則能夠在布局中自由交互。

當然，這種方法實現起來比較復雜，但你也可以根據需要靈活運用以上的CSS方法，來使元素的位置固定不變。