给class1设置宽高就行了 ulone 宽，高 宽和一级菜单li一样宽，高度你有几个li一级菜单就设置几个高吧，这样应该就行了。

要使用jQuery创建三级菜单，您需要使用HTML和CSS来定义菜单的结构和外观，并使用jQuery添加交互性和功能例如，这可能涉及使用 jQuery 隐藏和显示菜单的不同级别，或突出显示当前选定的菜单项总的来说，使用jQuery创建一个三级。

方法一可以使用包含关系，就像楼上所说，1级菜单包含2级，2级包含3级，这样可以使用hover来定义1级菜单方法二可以定义相对应的ID，比如一级id=‘menu_1#39，二级id=’menu_2#39之类的，前面一致，然后使用JS。

html做鼠标悬浮菜单上的选项能出现下拉菜单，CSS+JS做出此效果ltbody内代码为ltUL id=fm ltLIltA href=quot#quot一级菜单栏目ltA ltUL ltLIltA href=quot#quot一级菜单目录ltAltLI ltLIltA href=quot#quot一。

方法如下方法一HTML 1创建CSS菜单的HTML代码框架我们使用class=“nav”属性的‘div’标签作为菜单的容器在截图中，在图示的HTML代码中，一个简单的无序列表ul来表示主菜单项2在主菜单区域中添加链接在。

1首先我们打开html开发工具，新建一个html代码页面2在html代码页面上创建一个select下拉菜单3保存html代码页面，使用浏览器打开，这个时候我们发现select下拉菜单是可以点击修改的4回到html代码页面，在select标签上。

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

把html文件保存后，使用浏览器打开即可看到横向导航菜单效果如图1a标签既可以当作链接符号来用，本身也是行内标签的一种，直接用a标签输入文字，可以直接在横排显示2可以做出如图所示效果，横排显示的导航3如果。

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

html menu ul ul ahovercolor#FF0000background#7aa positionrelative zindex110 *定位二级菜单的位置，设为相关的就是在一级菜单的下方显示，如果是absolute的话大家可以试试* menu ul ul li。

renderOptionsarr ， el生成select 的 option elempty $eachdata ， functionindex ， item $#39ltoption#39attr value itemid htmlitemnameappendToel。

微信公众号里面设定菜单，目前最多只能到2级菜单，你发的截图看起来是十点读书找第三方做的小程序，个性化比较强的，不是默认的那个页面模板设置公众号子菜单的教程可以参考如何设置公众号子菜单 借助页面模板的话可以达到。

1首先，打开打开文档，分别有123级目录如下图所示，然后进入下一步2其次，单击工具栏中的引用，如下图所示，然后进入下一步3接着，在弹出菜单中，单击目录，如下图所示，然后进入下一步4然后，单击。

首先需要打开自己电脑上的DW软件，新建一个html页面，然后将其保存在桌面上接下来我们需要在body里面添加DIV标签，并在其内使用ul无序列表和li标签制作一个一级菜单栏，代码和浏览器的效果如下面两张图片所示因为菜单栏。

一般出现这种情况，往往是这个宽度的问题宽度没有写死，正常的时候的一级菜单的宽度和hover状态下一级菜单的宽度不同，所以会掉下来下面有一个二级菜单的demo，可以对照着找一下 lt！DOCTYPE html PUBLIC quotW3CDTD。

下面放一个层或者表格什么的，设置为不可见点击链接后，调用js事件，将他们的属性改为可见就OK了。