CSS折疊導航欄是一種常用的網頁設計技術，可以讓導航欄折疊起來，節省頁面空間，同時方便用戶查看。
折疊導航欄通常采用偽元素實現，將導航欄的文本內容用<span>元素表示，并設置其display屬性為折疊，即將其設置為“折疊”狀態。這樣，當用戶滾動頁面時，折疊的導航欄會隨著頁面滾動而展開或折疊。
折疊導航欄還可以使用CSS的折疊屬性，將導航欄設置為折疊狀態，具體使用方法如下：
```css
/* 設置導航欄為折疊狀態 */
nav {
display：折疊；
/* 展開導航欄 */
nav:empty {
display: none;
上述代碼中，“nav:empty”是展開狀態的樣式，“nav”是折疊狀態的樣式。當導航欄不為空時，展開狀態；否則，折疊狀態。
除了使用CSS的折疊屬性外，還可以使用JavaScript實現折疊效果，具體方法是將導航欄的文本內容復制并粘貼到HTML文件中的<head>部分，然后通過JavaScript的document.write()函數將內容寫入頁面中。
使用折疊導航欄可以提高網頁的響應速度和頁面加載速度，同時，折疊的導航欄也可以更好地適應不同的屏幕大小和分辨率。無論您是在使用瀏覽器還是開發工具，都可以輕松使用CSS折疊導航欄來創建出色的網頁設計。
上一篇css的三大特性包括
下一篇css+樣式被覆蓋了