CSS導航隱藏下拉菜單是一種常見的網頁設計技巧。通過隱藏下拉菜單，可以讓網頁更加簡潔、美觀。

.nav {
position: relative;
display: inline-block;
}
.nav ul {
position: absolute;
top: 100%;
left: 0;
display: none;
}
.nav:hover ul {
display: block;
}
.nav li {
display: block;
}

以上是實現CSS導航隱藏下拉菜單的基本代碼。首先，給導航（nav）加上position: relative屬性，讓下拉菜單相對于導航定位。

然后，給下拉菜單（ul）設置position: absolute和display: none屬性，使其隱藏。注意，此時下拉菜單的top值應該設置為導航高度（即100%），left值為0。

最后，通過:hover偽類，讓鼠標懸停在導航上時顯示下拉菜單。具體做法是設置.nav:hover ul的display為block。

值得一提的是，上述代碼只展示了導航的基本結構，具體樣式還需要根據實際需求進行調整。例如，可以對導航和下拉菜單的顏色、字體、邊框等進行設計。

總之，CSS導航隱藏下拉菜單是一種優秀的網頁設計技巧，可使頁面更加簡潔、美觀。