1、1首先，打開html編輯器，新建一個html文件，例如indexhtml2在indexhtml中的ltbody標簽中，輸入樣式代碼style=quotoverflo scroll 3瀏覽器運行indexhtml頁面，此時html會有橫線滾動條，并且隱藏了縱向；看到網(wǎng)站的導(dǎo)航按鈕很炫酷不會怎么辦本片教程介紹如何使用css制作網(wǎng)站導(dǎo)航橫排二級下拉菜單 打開Notepad++，先輸入個頁面框架 DOCTYPE html html xmlns=#34#34 hade hade body；1用Dreamweaver創(chuàng)建一個新的HTML文件2先按ctrls保存，以防突然斷電，數(shù)據(jù)丟失3將title修改為htmlcss，實現(xiàn)橫向?qū)Ш?創(chuàng)建一個新的divid“A”并添加ulli標簽5在li中添加所需的文本，并調(diào)整文本間距按F12。

2、如圖，制作導(dǎo)航條菜單一般是用一個div嵌套ul和li標簽，然后li里面有a標簽布局做好之后，開始寫導(dǎo)航條的樣式，如圖，先清除導(dǎo)航條的margin和padding然后定位導(dǎo)航條的div，這里我就用絕對定位來居中，如果你有其他導(dǎo)航條居中；1新建html頁面 打開html編輯軟件，新建一個html頁面如圖2添加導(dǎo)航標簽 在ltbody標簽里新建一個ltulltul標簽，然后在ltul標簽里添加幾個ltliltli標簽如圖3在ltli標簽內(nèi)添加文字在新建的ltli添加；main_menu limenu_parent*這個類名是jquery動態(tài)添加的，只有擁有二級菜單dl標簽的li標簽才會擁有這個類，你可以給他設(shè)置一個背景圖片，比如一個橫向的三角形，用來提醒用戶，該欄目下是有二級菜單內(nèi)容的* 有不懂。

3、ltdiv id=quotthickquot style=quotoverflowhiddenquotltnobr粗邊框 borderwidth thickltnobrltdiv 第一個層實現(xiàn)橫向滾動條第二個層加個固定寬度，即可 第三個層，兩個方法1，使用第一個層里的橫向滾動條可以實現(xiàn)；lthtml lthead ltstyle * 1 清除ul默認樣式 * ul padding 0margin 0liststyle * 2 設(shè)置水平方向主菜單， 設(shè)置子菜單彈出位置相對于當前父菜單項 * li float left * 產(chǎn)生水平；1用Dreamweaver新建一個HTML文件2修改title為html+css實現(xiàn)橫向?qū)Ш?新建一個div id為“a”，添加ul li標簽4在li中添加自己想要的文字 并調(diào)整好文字間距，按F12預(yù)覽5首先去掉字體前面的小黑點6接；百靈鳥137blogitemd36f6d31af75a3a05edf0e0dhtmlcmtidd465d608d81d073dea#send 請把完整的連接附到URL中哈~PS再次強調(diào)一下IE6下是不能實現(xiàn)下拉菜單的，但是通過添加。

4、如圖，用到空格隔開，注意，空格表示后代選擇器這樣，下面的下拉菜單就看不見了，哈哈然后用jq來操作鼠標經(jīng)過的時候，顯示菜單即可如圖，我用到了滑動效果，具體可以自己查找一下slideToggle的用法哦；lthtml lthead ltmeta charset=quotUTF8quot ltmeta name=quotviewportquot content=quotwidth=devicewidth，minimumscale=1，initialscale=1quot lttitle豎排菜單lttitle ltstyle margin0padding0 liliststyle。

5、可以用positionfixed來固定div至網(wǎng)頁頭部，這樣就是導(dǎo)航菜單了；請問HTML中導(dǎo)航欄的二級子菜單橫向排列，如何實現(xiàn)，本來是列排列的，網(wǎng)址請發(fā)代碼！ #xE768 我來答 1個回答 #熱議# 孩子之間打架 父母要不要干預(yù)？a2 20161017 · TA獲得超過1258個贊 知道小有建樹答主 回答量。

6、至此，橫向二級下拉菜單就制作完成了，這里附加上全部代碼，以方便各位朋友參考，感謝各位朋友的瀏覽lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquot quotDTDxhtml1。