當我們需要在網站中使用導航菜單的時候，常常會使用到二級導航菜單。二級導航菜單的實現方法有很多種，其中一種較為常用的方法是使用 CSS 來實現。下面我們來了解一下如何使用 CSS 來實現二級導航菜單。

.nav ul {  /* 外層 ul 的樣式 */
list-style: none;
margin: 0;
padding: 0;
}
.nav ul li {  /* 外層 li 的樣式 */
display: inline-block;
position: relative;
}
.nav ul li:hover ul {  /* 鼠標懸浮在外層 li 上時對內層 ul 的樣式 */
display: block;
}
.nav ul ul {  /* 內層 ul 的樣式 */
display: none;
position: absolute;
top: 100%;
left: 0;
}
.nav ul ul li {  /* 內層 li 的樣式 */
display: block;
}

接下來我們一塊來解析上述 CSS 代碼：

首先我們為外層的 ul 元素定義了樣式，將其列表樣式去除，外邊距和內邊距設為 0。

接下來我們為外層 li 元素定義了樣式，讓其變成塊狀元素，并且使用相對定位來為內層 ul 提供絕對定位的參考點。

然后我們為鼠標懸浮在外層 li 元素上時內層 ul 的樣式定義了樣式，讓其顯示出來。

最后我們為內層 ul 和 li 元素定義了樣式，讓其以塊狀元素的形式顯示出來。

使用上述 CSS 代碼實現二級導航菜單，我們只需要在 HTML 代碼中嵌套兩個 ul 元素即可。外層 ul 元素中包含多個外層 li 元素，每個外層 li 元素中包含一個內層 ul 元素，內層 ul 元素中包含多個內層 li 元素。