淘寶導航是許多人購買商品的首選平臺，而css注釋則是其中一種優化網頁代碼的方法。下面，我們來看看如何使用css注釋來優化淘寶導航的代碼。

/* 導航欄 */ 
.nav-wrap {
width: 100%;
height: 56px;
background-color: #F10215;
position: fixed;
top:0;
z-index:99;
}
/* logo */ 
.nav-logo {
position:absolute;
top:14px;
left:20px;
}
/* 搜索框 */ 
.nav-search {
position:absolute;
top:14px;
left:150px;
}
/* 商品分類 */ 
.nav-cates {
position:absolute;
top:0;
right:100px;
height:56px;
display: flex;
justify-content: space-around;
align-items: center;
color: white;
font-size: 14px;
}
/* 二級分類菜單 */ 
.submenu {
position:absolute; 
top: 56px; 
left: 0; 
background-color: white; 
z-index: 999; 
width: 100%; 
box-shadow: 0 2px 5px #ccc;
}
/* 圖標 */ 
.nav-icon {
font-size: 20px;
margin-right:5px;
line-height: 1.2;
vertical-align: middle;
}

如上所示，我們給導航欄及其各個組件都加上了注釋，這樣其他人就可以更加輕松地理解代碼的意思了。同時，在以后維護代碼時，也會更加方便。