CSS二級下拉菜單是網頁設計中常見的交互方式，可以實現更好的用戶體驗。下面將介紹如何使用CSS浮動屬性創建二級下拉菜單。

<ul>
<li>一級菜單1
<ul>
<li>二級菜單1</li>
<li>二級菜單2</li>
</ul>
</li>
<li>一級菜單2</li>
<li>一級菜單3
<ul>
<li>二級菜單3</li>
<li>二級菜單4</li>
</ul>
</li>
</ul>

以上是一個基本的HTML結構，其中一級菜單使用<li>標簽包裹，二級菜單使用<ul>和<li>標簽包裹。接下來通過CSS浮動實現二級菜單：

ul {
list-style: none;
}
li {
float: left;
margin-right: 20px;
position: relative;
}
li ul {
display: none;
position: absolute;
top: 20px;
left: 0;
}
li:hover ul {
display: block;
}

首先，將ul元素的列表樣式設置為無，li元素設置為左浮動，并設置右側間距為20px，以便在顯示二級菜單時不會出現重疊。此外，為了使二級菜單可以相對于父元素進行定位，需要將li元素的position屬性設置為relative。接下來，將二級菜單的display屬性設置為none，并將其position屬性設置為absolute，top屬性設置為相對于父元素的20px位置，left屬性設置為0，以便在父級菜單的左側顯示。最后，在鼠標懸停時，使用li:hover選擇器對二級菜單進行顯示操作。

通過以上CSS代碼，即可實現一個簡單的CSS二級下拉菜單。可以根據具體需要對CSS樣式進行調整以適配不同的網頁設計需求。