CSS能夠讓網(wǎng)頁更具自適應(yīng)性。其中最常見的應(yīng)用就是自適應(yīng)菜單。無論頁面尺寸如何變化，菜單欄都能夠自適應(yīng)變化，保證用戶體驗(yàn)。

/* CSS代碼 */
ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #333;
}
li {
float: left;
}
li a {
display: block;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
li a:hover {
background-color: #111;
}

以上代碼是最簡單的自適應(yīng)菜單的CSS代碼。其中，ul定義了一個(gè)無序列表，包含了所有的菜單項(xiàng)；li定義了每一個(gè)菜單項(xiàng)，用float實(shí)現(xiàn)橫向排列；a定義了鏈接樣式，并且設(shè)定了懸浮時(shí)背景色的變化。

這樣的實(shí)現(xiàn)方式對(duì)于需要簡單的菜單導(dǎo)航是綽綽有余的。但是對(duì)于稍微復(fù)雜一點(diǎn)的導(dǎo)航，就需要更加復(fù)雜的CSS和JavaScript代碼。