1、使用纯CSS创建一个横向导航菜单，包含第二级子菜单为了实现这个目标，我们使用了CSS选择器属性和伪类首先定义了所有元素的基本样式，使用了内边距和外边距的清除margin0 padding0接下来，我们定义了`menu`类的样式，设置了宽度为300px，并将列表样式设置为无liststyle然。

2、本人亲测下面这些代码是可以实现二级或多级导航菜单的 lt！ margin0pxpadding0px body overflowscrollfontsize12pxfontfamilyArial， Helvetica， sansserifcolor#000 a fontsize12pxfontfamilyArial， Helvetica， sansserifcolor#000textdecoration men。

3、首先，复制代码 程序代码 dedechannelartlist typeid=#39top#39 cacheid=#39channelsonlist#39 dedechannel type=#39son#39 noself=#39yes#39 fieldtypename dedechannel dedechannelartlist 粘贴到DedeCMS57的模板文件 templetsdefaultfooterhtm中的顶端位置 刷新会发现导航栏已经出现。

4、1第一步，打开dw软件并创建一个新文件，见下图，转到下面的步骤2第二步，执行完上面的操作之后，单击“常用”选项，选择“布局”按钮，然后绘制一个图层，见下图，转到下面的步骤3第三步，执行完上面的操作之后，再次单击该层并绘制另一个，看到第一层是layer1，第二层是layer2，见下图。

5、用选择器选到你的二级菜单，因为不知道你的标签和属性，所以如果你一级菜单已经用CSS设定属性和值，那么在选择你的二级菜单甚至三级菜单的时候，选择器很重要，如果你上面的代码是一级菜单的CSS，假设你的二级菜单的 class=quotmenulist1quot，假设你的三级菜单的 class=quotmenuskinboxbd。

6、你的nav里面设置了padding2em，2em，左右padding都是32px，而你的二级菜单li没有设置width，默认的宽度是最小的，设置一下width80px，或者对于一级菜单二级菜单分别设置padding。

7、删除代码即可 1登录网站后台 2找到主页模板文件，点击更改 3找到下拉框代码， 栏目一 栏目二 栏目三 删除就可以了。

8、看了下你的代码发现你是用a用的导航，这样当然会出现如果不在a上面就会隐藏二级菜单了，而且你的是a里面套a，这样很不好的出于HTML标签语义化考虑，一般都是用ul，li来写导航的，我给你个提示，你试着做做 这里是一级导航 这里是二级导航 其中ul1是整个导航，而li是一级菜单，你让默。

9、楼主，以我开发的经验来看，目前你的菜单就是横向的，为什么呢，主要是因为下边这段代码menu li floatleftmargin0 1px 0 0 如果把里边的floatleft去掉，那么菜单就变成纵向了你可以自己试试。

10、设置类名为下拉菜单5改变点击“菜单”，弹出二级栏目时的颜色css代码是navbardefaultnavbarnavopen焦点颜色黑色，背景颜色红色6改变导航栏默认文字的颜色设置类名navbardefault下面一个标签的文字颜色为白色，代码是navbardefaultnavbarnavli颜色#fff。

11、看代码应该是新手吧，给你一个很好的建议你这里不是ul套li套ul套li么所有你本想设置外面的ul或者li样式，结果搞得里面的也有样式，还得把里面的消除掉，这样很累建议给ul和li不同的class，例如最外面打的ul class=quotnavquot，一级导航li class=quotnav_liquot二级导航ul class=quotsub_navquot li。

12、将以下代码复制到footerhtm内即可考虑SEO原因放置于底部 lt！ 二级子类下拉菜单 dedechannelartlist typeid=#39top#39 cacheid=#39channelsonlist#39 dedechannel type=#39son#39 noself=#39yes#39 fieldtypename dedechannel dedechannelartlist cssdropdownstartchromequotnav。

13、二级菜单导航最主要的还是定位position理解了定位的用法，就可以使用css来实现简单的菜单效果对于低版本的浏览器，则可以使用onMouseover来动态控制当前主导航条目的class。

14、导航有位置导航次导航菜单范围比较小，下拉二级菜单你好，本题已解答，如果满意 请点右下角“采纳答案”。

15、将二级子菜单隐藏hidden然后，在导航栏按键的hover属性的进入和离开事件上分别加上子菜单的显示与隐藏代码，OK 需要示例代码么。