CSS層疊菜單是網頁中常見的菜單樣式之一，它不僅能實現常規的導航菜單，也能用于制作下拉菜單、響應式菜單等。本文介紹CSS實現層疊菜單的方法。

下面是一個簡單的層疊菜單代碼示例：
HTML代碼：
<ul class="menu">
<li><a href="#">首頁</a></li>
<li><a href="#">關于我們</a>
<ul>
<li><a href="#">公司簡介</a></li>
<li><a href="#">企業文化</a></li>
</ul>
</li>
<li><a href="#">產品中心</a></li>
<li><a href="#">新聞中心</a></li>
<li><a href="#">聯系我們</a></li>
</ul>
CSS代碼：
.menu {
list-style: none;
padding: 0;
margin: 0;
}
.menu li {
float: left;
position: relative;
}
.menu li ul {
display: none;
position: absolute;
top: 100%;
left: 0;
}
.menu li:hover ul {
display: block;
}

上述代碼中，ul列表使用了CSS樣式list-style: none;將原有的帶點號的列表符號去掉；padding、margin都為0，避免列表之間出現多余的空隙。每個菜單項（li標簽）都是浮動的，子菜單（ul標簽）是絕對定位的，位于當前菜單項的下面，left和top分別為0和100%。

當鼠標懸停在菜單上時，菜單子項的display屬性會變為block，顯示出子菜單。

需要注意的是，在實現層疊菜單時，應該遵循W3C標準，盡量使用語義化標簽，如ul、li、a等標簽，而不是使用div等無語義的標簽。