用ul和li做導航欄,怎樣使二級選單橫向啊

2021-09-06 20:16:31 字數 1229 閱讀 3956

1樓:沈團

主要使用js實現觸發事件,css控制樣式顯示。

機構概況

機構情況

機構組成

機構組成

人才引進

新聞動態

文化生活

style.css

#mymenu

#mymenu ul li

#mymenu ul li ul li

#mymenu ul li ul

#mymenu ul li:hover ul

普通的div標籤會影響外面**的高度,超過會撐大。只有設定了position才會讓其成為真正的層,不會撐大外層**,而是浮動與其上。如果單設定float是無效的。

基於這個原因,#mymenu設了個relative。目的就是讓其在**單元格里浮動起來。

#mymenu ul li 要是relative #mymenu ul li ul要是absolute right: 100px;top: 25px;

#mymenu ul li 一級選單是橫向排列,所以float: left;

而裡面包含的#mymenu ul li ul li是縱向排列,但受到了父級別float: left;的影響,為了消除這種影響float: none; 注意不是clear

#mymenu ul li:hover ul 則是觸發選單的精髓

css html製作網頁,用ul和li製作橫向導航欄

2樓:匿名使用者

將ul裡面的li標籤都設定為右浮動即可。如:

專案1專案1

專案1專案1

css中ul下的li下的用ul寫的二級選單為什麼下不來,並和li並列了,二級選單的css**是怎麼

3樓:放手丶心會痛

你那裡沒有上**,不知道你怎麼寫的,我這給你個例子吧" target="_blank">http://www.w3.

選單一子選單一

子選單二

選單二子選單一

子選單二

子選單三

選單三子選單一

子選單二

選單四子選單一

子選單二

子選單三

懂點css進一下,li做的導航條的分割豎線怎麼變得短一些

首頁新聞 娛樂 教育不知道你要的是不是這樣的效果 其實你仔細看會 來發源現這只是兩條邊框,視覺上看起來像是槽狀分割線,可以給 ul加border bottom 1px solid 777 然後給li加上border bottom 1px solid fff li裡面要包含a標籤抄,襲然後把a標籤變成...

怎麼用微波爐做蛋糕和點心,怎麼用微波爐做蛋糕和點心

能用微波爐做的蛋糕和點心有很多的 就告訴你最簡單的蛋糕製作方法吧 超市或者 上買蛋糕粉,每次用一小袋大約五十克,加乙個蛋兩匙油 用黃油最香,別的植物油色拉油花生油也是可以的 攪拌成糊狀,倒進蛋糕託或者微波專用容器內,高火一分半鐘即可.可以在裡邊加上椰果 蜜豆,也可以在上面澆上練乳 蜂蜜 花生醬 果醬...

用麵包粉和電飯煲怎麼做麵包,用電飯煲可以做麵包嗎

妙技生活 一直想做蛋糕,又苦於沒有烤箱,不妨讓電飯鍋來幫忙,方法簡單易學,一學就會。 來自吳城才高八斗的裡海狼 1 將雞蛋到容器裡面,將蛋清和蛋黃分離後,打蛋清,打的過程中加入鹽。2 將蛋清打到有點稠時,放一勺糖,如圖所示。3 大概要打半小時左右,成為比較粘稠的像奶昔一樣的糊狀物。4 蛋黃裡放2大勺...