QQ網頁導航欄列表 ul製作

我們在優化導航欄的過程中，會有諸多不同的寫法。以下面這個html結構爲例，對其渲染優化。 這個結構在不經css的渲染下，呈現的是良好的語義化標籤，在瀏覽器中呈現的是其最初的模樣。 若將其展開，在nav標籤裏對ul進行樣式處理，最終得到的效果如下： ul列表的橫向排版，需要注意的對li標籤和a標籤的自適應設計，li 行高和導航欄一致，無需設置其寬高，大小都在a 標籤的身上。利用父元素的大小由子元素撐

>>阅读原文<<