CSS固定定位是指將元素固定在頁面的某個位置，不隨頁面滾動而移動。這對于一些需要保持固定位置的元素非常有用，比如導航欄、廣告等。

在CSS中，我們可以使用position屬性來實現固定定位。position屬性有四個值可選，分別是static、relative、absolute和fixed。而在固定定位中，我們要使用fixed值。

position: fixed;
top: 0;
left: 0;

在上面的代碼中，我們首先將position屬性設置為fixed，表示這個元素需要進行固定定位。然后，我們將top和left屬性設置為0，表示這個元素位于頁面的左上角。

此時，我們會發現這個元素已經成功地被固定在了頁面的左上角，而且不隨頁面滾動而移動。

但是，有時候我們會遇到這樣一個問題：當我們使用固定定位的元素下面有其他元素時，這些元素會被覆蓋住，導致頁面顯示不正常。

.header {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 999;
}
.content {
margin-top: 100px;
}

在上面的代碼中，我們使用了一個z-index屬性。z-index屬性用來設置一個元素的層級關系。層級數值越大的元素會覆蓋層級數值較小的元素。因此，我們可以將固定定位的元素的z-index設為一個較大的數值，比如999，來保證它在其他元素之上。

同時，我們還可以給下面的元素加上margin-top屬性來避免被覆蓋住。

通過以上方法，我們可以輕松地解決固定定位中上下層覆蓋的問題，讓頁面的布局更加美觀。