縱向二級導航是在網頁設計中常見的一種導航欄樣式。它可以讓用戶更清晰地看到當前頁面所處的位置，并快速地切換到其他頁面。下面是一個簡單的 CSS 代碼實現縱向二級導航。

.nav {
background-color: #f1f1f1;
overflow: hidden;
width: 200px;
}
.nav a {
display: block;
color: #333;
padding: 10px;
text-decoration: none;
}
.nav a:hover {
background-color: #ddd;
}
.subnav {
display: none;
}
.nav li:hover .subnav {
display: block;
position: absolute;
background-color: #ddd;
width: 200px;
}
.subnav a {
color: #333;
padding: 10px;
text-decoration: none;
}
.subnav a:hover {
background-color: #ccc;
}

代碼中有兩個部分，分別是一級導航和二級導航。一級導航是一個 ul 標簽，二級導航是一個 div 標簽，并且在一級導航中使用了 :hover 偽類選擇器來實現鼠標懸浮在一級導航列表項上時，二級導航展開的效果。

在使用縱向二級導航時，如果一級導航項非常多，可能會導致二級導航的高度超過了屏幕的可視區域。這時可以使用 overflow 屬性來設置一級導航的溢出行為，比如設置為 scroll 可以讓用戶滾動查看全部導航項。