如图所示，二级下拉菜单一般都是这样来制作的，就是在li标签里面再放一个ul标签然后就会有这样的效果了，不过距离二级菜单有点差距接着我们先把二级下拉菜单之间的margin和padding值去掉然后设置divulli，需要注意的是。

1编写带有div导航的html代码2使用class=“nav”属性的‘div’标签作为菜单的容器在截图中，在图示的HTML代码中，一个简单的无序列表ul来表示主菜单项3在主菜单区域中添加链接在本步骤中，在无序列表。

1首先打开电脑上的可编辑网页的软件，新建一个html页面，然后将其保存在桌面上这里使用的是DW2接下来在body里面添加DIV标签，并在其内使用ul无序列表和li标签制作一个一级菜单栏，代码如图片所示3因为菜单栏一般。

ltli ltul ltli ltul ltdivltbodylthtml复制上面代码，保存到后缀为html或者htm的文件中，用浏览器打开就可以看到效果效果图如下。

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

现在我们为nav添加样式，首先去掉默认的margin和padding，再去掉ltullt li标签的liststyle样式和lta标签的默认下划线接下来再添加适当的样式根据实际需要添加进行美化，如一下样式ltstyle type=quottextcssquot。

一二级菜单不下来原因有以下方面1HTML代码各层级嵌套错误2CSS样式控制中没有使用定位属性3定位数值计算错误二正确的解决方案 1清晰的HTML代码层级，如下ltul class=quotmenuquot ltli class=quotnavquot。

用ul和li做导航栏，使二级菜单横向 主要使用JS实现触发事件，CSS控制样式显示lthead ltmeta。

你可以调整ul的高度，将高度调至为“我要上传”这一栏高度一致然后ul添加overflowhidden就行了 鼠标滑过，高度增加值所有显示完，就行了。

lt！DOCTYPE html PUBLIC lthtml lthead ltstyle * 1 清除ul默认样式 * ul padding 0margin 0liststyle * 2 设置水平方向主菜单， 设置子菜单弹出位置相对于当前父菜单项 * li f。

第一步编辑菜单的HTML代码菜单包含三个列表项，分别取名为“Menu1”“Menu2”“Menu3”XMLHTML Codeltdiv class=quotcss3Menusquot ltul ltliMenu1ltli ltliMenu2ltli ltliMenu3ltli。

ul是块级元素，也就是单独占用一行的html元素，把块级元素变成行级元素加一个float就行了你试试 有用记得采纳哦。

一般来讲实现导航栏指定是采用绝对定位的方式示例代码如下ltdiv class=quotnavquot这里是导航所在的DIV容器ltdiv CSS代码nav positionfixed * 绝对定位，fixed是相对于浏览器窗口定位 * top0 * 距离。

quot#menu liquot 假设你整个菜单的id是menu，你原来$quotmenuquot貌似有错吧。

会自己敲代码吗，懒得写，告诉你原理，主要还是用css样式来实现js配合css，点击按钮给当前按钮添加一个css样式同时移除其余的侧css名称如果不明白，我再说仔细一点。

* hack IE5x 定义以及菜单的宽度，这样可以使得获取或者设置当前宽度 * html menu a， * html menu avisited width7emtextdecoration * 下一级的链接默认外观样式 * menu ul ul a。

在html里添加一个ul就可以用了，添加规则如下lt！DOCTYPE HTML PUBLIC quotW3CDTD HTML 40 TransitionalENquot ltHTML ltHEAD ltHEAD ltscript type=textjavascriptlt！lt！CDATAlt！ functi。

1 既然你使用了 uirouter，说明你的应用是 单页程序，既然是单页程序，首先要考虑动态路由是否有必要只要根据用户角色 显示该角色可以访问的菜单即可，在每次路由切换的时候判断下是否有访问此路由的权限，没有就跳转到。