在網頁設計中，CSS 是最常用的排版語言之一。很多時候，我們需要設置元素的位置不變，不管瀏覽器的大小或者滾動條的位置發生了什么變化，都希望這些元素在固定的位置上顯示。那么，我們該如何來實現這一點呢？

首先，我們需要使用 CSS 定位來控制元素的位置。比較常用的有兩種定位方式：

position: relative;

position: absolute;

其中，relative可以認為是相對定位，而absolute可以認為是絕對定位。在兩種定位方式中，我們可以使用 top、right、bottom 和 left 屬性來控制元素在頁面上的位置。

但是，如果我們想要設置元素位置不變，更好的選擇是使用固定定位：

position: fixed;

使用固定定位的元素，可以跟隨瀏覽器滾動條的位置而不改變其在頁面中的位置。例如，如果我們想要在頁面底部放置一個導航欄，可以使用以下代碼實現：

#nav {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
}

通過設置position: fixed;，我們實現了導航欄的固定定位，而bottom: 0;則將其放置在頁面底部，left: 0;使其位于頁面左側，而width: 100%;則將它的寬度設置為與頁面相等。

總之，使用固定定位可以使我們的頁面元素位置保持不變，這對于一些需要固定顯示的元素非常有用。