如圖所示，二級(jí)下拉菜單一般都是這樣來制作的，就是在li標(biāo)簽里面再放一個(gè)ul標(biāo)簽然后就會(huì)有這樣的效果了，不過距離二級(jí)菜單有點(diǎn)差距接著我們先把二級(jí)下拉菜單之間的margin和padding值去掉然后設(shè)置divulli，需要注意的是。

1編寫帶有div導(dǎo)航的html代碼2使用class=“nav”屬性的‘div’標(biāo)簽作為菜單的容器在截圖中，在圖示的HTML代碼中，一個(gè)簡單的無序列表ul來表示主菜單項(xiàng)3在主菜單區(qū)域中添加鏈接在本步驟中，在無序列表。

1首先打開電腦上的可編輯網(wǎng)頁的軟件，新建一個(gè)html頁面，然后將其保存在桌面上這里使用的是DW2接下來在body里面添加DIV標(biāo)簽，并在其內(nèi)使用ul無序列表和li標(biāo)簽制作一個(gè)一級(jí)菜單欄，代碼如圖片所示3因?yàn)椴藛螜谝话恪?/p>

ltli ltul ltli ltul ltdivltbodylthtml復(fù)制上面代碼，保存到后綴為html或者h(yuǎn)tm的文件中，用瀏覽器打開就可以看到效果效果圖如下。

ul， liliststyle margin 0 padding 0 color #fff clearaftercontent #39#39 display block clear both bodyhover bottomdisplay block top， listwidth 100。

現(xiàn)在我們?yōu)閚av添加樣式，首先去掉默認(rèn)的margin和padding，再去掉ltullt li標(biāo)簽的liststyle樣式和lta標(biāo)簽的默認(rèn)下劃線接下來再添加適當(dāng)?shù)臉邮礁鶕?jù)實(shí)際需要添加進(jìn)行美化，如一下樣式ltstyle type=quottextcssquot。

一二級(jí)菜單不下來原因有以下方面1HTML代碼各層級(jí)嵌套錯(cuò)誤2CSS樣式控制中沒有使用定位屬性3定位數(shù)值計(jì)算錯(cuò)誤二正確的解決方案 1清晰的HTML代碼層級(jí)，如下ltul class=quotmenuquot ltli class=quotnavquot。

用ul和li做導(dǎo)航欄，使二級(jí)菜單橫向 主要使用JS實(shí)現(xiàn)觸發(fā)事件，CSS控制樣式顯示lthead ltmeta。

你可以調(diào)整ul的高度，將高度調(diào)至為“我要上傳”這一欄高度一致然后ul添加overflowhidden就行了 鼠標(biāo)滑過，高度增加值所有顯示完，就行了。

lt！DOCTYPE html PUBLIC lthtml lthead ltstyle * 1 清除ul默認(rèn)樣式 * ul padding 0margin 0liststyle * 2 設(shè)置水平方向主菜單， 設(shè)置子菜單彈出位置相對(duì)于當(dāng)前父菜單項(xiàng) * li f。

第一步編輯菜單的HTML代碼菜單包含三個(gè)列表項(xiàng)，分別取名為“Menu1”“Menu2”“Menu3”XMLHTML Codeltdiv class=quotcss3Menusquot ltul ltliMenu1ltli ltliMenu2ltli ltliMenu3ltli。

ul是塊級(jí)元素，也就是單獨(dú)占用一行的html元素，把塊級(jí)元素變成行級(jí)元素加一個(gè)float就行了你試試 有用記得采納哦。

一般來講實(shí)現(xiàn)導(dǎo)航欄指定是采用絕對(duì)定位的方式示例代碼如下ltdiv class=quotnavquot這里是導(dǎo)航所在的DIV容器ltdiv CSS代碼nav positionfixed * 絕對(duì)定位，fixed是相對(duì)于瀏覽器窗口定位 * top0 * 距離。

quot#menu liquot 假設(shè)你整個(gè)菜單的id是menu，你原來$quotmenuquot貌似有錯(cuò)吧。

會(huì)自己敲代碼嗎，懶得寫，告訴你原理，主要還是用css樣式來實(shí)現(xiàn)js配合css，點(diǎn)擊按鈕給當(dāng)前按鈕添加一個(gè)css樣式同時(shí)移除其余的側(cè)css名稱如果不明白，我再說仔細(xì)一點(diǎn)。

* hack IE5x 定義以及菜單的寬度，這樣可以使得獲取或者設(shè)置當(dāng)前寬度 * html menu a， * html menu avisited width7emtextdecoration * 下一級(jí)的鏈接默認(rèn)外觀樣式 * menu ul ul a。

在html里添加一個(gè)ul就可以用了，添加規(guī)則如下lt！DOCTYPE HTML PUBLIC quotW3CDTD HTML 40 TransitionalENquot ltHTML ltHEAD ltHEAD ltscript type=textjavascriptlt！lt！CDATAlt！ functi。

1 既然你使用了 uirouter，說明你的應(yīng)用是 單頁程序，既然是單頁程序，首先要考慮動(dòng)態(tài)路由是否有必要只要根據(jù)用戶角色 顯示該角色可以訪問的菜單即可，在每次路由切換的時(shí)候判斷下是否有訪問此路由的權(quán)限，沒有就跳轉(zhuǎn)到。