1、1首先，打开html编辑器，新建一个html文件，例如indexhtml2在indexhtml中的ltbody标签中，输入样式代码style=quotoverflo scroll 3浏览器运行indexhtml页面，此时html会有横线滚动条，并且隐藏了纵向；看到网站的导航按钮很炫酷不会怎么办本片教程介绍如何使用css制作网站导航横排二级下拉菜单 打开Notepad++，先输入个页面框架 DOCTYPE html html xmlns=#34#34 hade hade body；1用Dreamweaver创建一个新的HTML文件2先按ctrls保存，以防突然断电，数据丢失3将title修改为htmlcss，实现横向导航4创建一个新的divid“A”并添加ulli标签5在li中添加所需的文本，并调整文本间距按F12。

2、如图，制作导航条菜单一般是用一个div嵌套ul和li标签，然后li里面有a标签布局做好之后，开始写导航条的样式，如图，先清除导航条的margin和padding然后定位导航条的div，这里我就用绝对定位来居中，如果你有其他导航条居中；1新建html页面 打开html编辑软件，新建一个html页面如图2添加导航标签 在ltbody标签里新建一个ltulltul标签，然后在ltul标签里添加几个ltliltli标签如图3在ltli标签内添加文字在新建的ltli添加；main_menu limenu_parent*这个类名是jquery动态添加的，只有拥有二级菜单dl标签的li标签才会拥有这个类，你可以给他设置一个背景图片，比如一个横向的三角形，用来提醒用户，该栏目下是有二级菜单内容的* 有不懂。

3、ltdiv id=quotthickquot style=quotoverflowhiddenquotltnobr粗边框 borderwidth thickltnobrltdiv 第一个层实现横向滚动条第二个层加个固定宽度，即可 第三个层，两个方法1，使用第一个层里的横向滚动条可以实现；lthtml lthead ltstyle * 1 清除ul默认样式 * ul padding 0margin 0liststyle * 2 设置水平方向主菜单， 设置子菜单弹出位置相对于当前父菜单项 * li float left * 产生水平；1用Dreamweaver新建一个HTML文件2修改title为html+css实现横向导航3新建一个div id为“a”，添加ul li标签4在li中添加自己想要的文字 并调整好文字间距，按F12预览5首先去掉字体前面的小黑点6接；百灵鸟137blogitemd36f6d31af75a3a05edf0e0dhtmlcmtidd465d608d81d073dea#send 请把完整的连接附到URL中哈~PS再次强调一下IE6下是不能实现下拉菜单的，但是通过添加。

4、如图，用到空格隔开，注意，空格表示后代选择器这样，下面的下拉菜单就看不见了，哈哈然后用jq来操作鼠标经过的时候，显示菜单即可如图，我用到了滑动效果，具体可以自己查找一下slideToggle的用法哦；lthtml lthead ltmeta charset=quotUTF8quot ltmeta name=quotviewportquot content=quotwidth=devicewidth，minimumscale=1，initialscale=1quot lttitle竖排菜单lttitle ltstyle margin0padding0 liliststyle。

5、可以用positionfixed来固定div至网页头部，这样就是导航菜单了；请问HTML中导航栏的二级子菜单横向排列，如何实现，本来是列排列的，网址请发代码！ #xE768 我来答 1个回答 #热议# 孩子之间打架 父母要不要干预？a2 20161017 · TA获得超过1258个赞 知道小有建树答主 回答量。

6、至此，横向二级下拉菜单就制作完成了，这里附加上全部代码，以方便各位朋友参考，感谢各位朋友的浏览lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquot quotDTDxhtml1。