CSS導航欄是網頁設計中常見的元素之一，而當需要使用子菜單時，常常需要讓導航欄停留在子菜單上方，以方便用戶操作。下面我們將介紹如何實現CSS導航欄停留在子菜單上方的方法。

.nav {
position: relative;
}
.sub-nav {
position: absolute;
top: 100%;
left: 0;
display: none;
}
.nav:hover .sub-nav {
display: block;
z-index: 100;
}

首先，我們給導航欄設置一個相對定位的父級元素，這樣才能讓子菜單使用絕對定位相對于導航欄進行定位。

接著，我們對子菜單使用絕對定位，并將其位置設置在導航欄下方。同時，我們將子菜單的display屬性設置為none，也就是默認不顯示。

最后，我們使用:hover偽類來監聽導航欄的鼠標懸停事件，當用戶鼠標懸停在導航欄上時，顯示子菜單。為了保證子菜單能夠覆蓋其他元素，我們還需要將其z-index屬性設置為一個比較大的值。

以上就是實現CSS導航欄停留在子菜單上方的方法，希望對大家有所幫助。