天貓作為國內領先的電商平臺，擁有龐大的用戶群體和海量的商品信息。而在其網站中，導航條全屏css的設計，給用戶使用帶來了更便捷、更舒適的體驗。

/*天貓導航條全屏CSS樣式*/
.nav{
width:100%;
height:80px;
position:fixed;
top:0;
left:0;
z-index:999;
background-color:#fff;
}
.nav ul{
width:100%;
height:80px;
margin:0 auto;
}
.nav ul li{
float:left;
width:200px;
height:80px;
line-height:80px;
text-align:center;
position:relative;
}
.nav ul li a{
display:block;
font-size:16px;
color:#666;
text-decoration:none;
}
.nav ul li:hover{
background-color:#f5f5f5;
}
.nav ul li:hover a{
color:#f40;
}
.nav ul li .sub{
display:none;
position:absolute;
width:200px;
top:80px;
left:0;
background-color:#fff;
box-shadow:1px 1px 4px #999;
}
.nav ul li:hover .sub{
display:block;
}
.nav ul li .sub ul{
width:100%;
margin:0;
padding:0;
}
.nav ul li .sub ul li{
width:100%;
height:40px;
line-height:40px;
text-align:center;
border-bottom:1px solid #f5f5f5;
}

上述CSS樣式使得天貓導航欄在用戶使用時，能夠更好地適配不同的屏幕尺寸，以及隨著鼠標的滑動，自動展開下拉菜單。這樣，用戶可以更加方便快捷地操作網站，選擇自己所需的商品或服務。

總體來說，天貓的導航條全屏css設計，不僅增加了網站的美觀性和易用性，也更好地體現了該平臺對用戶需求的關注和重視。