在網頁設計中，導航欄是一個非常重要的組成部分，它負責引導用戶訪問網站的不同頁面。為了讓網站更加方便使用，我們通常希望導航欄保持展開狀態，以便用戶在瀏覽網站時快速定位所需內容。下面介紹一種實現導航欄保持展開的CSS代碼：

.nav {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 50px;
background-color: #333;
}
.nav ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
}
.nav li {
position: relative;
margin-right: 20px;
}
.nav li:hover ul {
display: block;
}
.nav ul ul {
position: absolute;
top: calc(100% + 10px);
left: 0;
background-color: #333;
display: none;
}
.nav ul ul li {
width: 200px;
}

首先，在HTML中創建一個導航欄容器，并在其中添加ul和li標簽。ul標簽用于包含導航欄選項，li標簽用于定義每個選項。在CSS中，我們使用flexbox布局來使導航欄水平排列。

接下來，在li標簽上定義一個:hover偽類，并將在該項上懸停的時候顯示一個下拉菜單。然后，在下拉菜單的ul標簽上定義一個絕對定位，使其相對于li標簽的底部和左邊緣對齊，并通過top和left屬性對其進行微調。需要注意的是，這里的top值應該等于li標簽高度和一個間距的和，這里的間距為10px。

最后，對下拉菜單的樣式進行細化，包括背景色、寬度，并將下拉菜單的display屬性設置為none，以隱藏它本身。在用戶懸停在li標簽上時，下拉列表的display屬性將設置為block，使其顯示出來。

通過這些CSS代碼，我們可以輕松實現一個美觀且實用的導航欄，讓用戶更輕松地瀏覽網站。建議在實際項目中根據需要進行調整，以確保最終結果符合設計要求。