使用HTML和CSS制作下拉菜单的方法如下1编写带有div导航的html代码2使用class=“nav”属性的‘div’标签作为菜单的容器在截图中，在图示的HTML代码中，一个简单的无序列表ul来表示主菜单项3在主菜单区域中。

一级菜单固定高度，但需要 overflowvisible二级菜单默认隐藏的 display。

先把菜单用html写出来，然后用css把它隐藏，比如display然后写js，点击menu触发事件，修改css再把它显示出来就可以了，cssdisplayblock。

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

定位，固定定位fixed 如何利用html制作网页水平导航菜单1新建html页面 打开html编辑软件，新建一个html页面如图2添加导航标签 在body标签里新建一个ulul标签，然后在ul标签里添加几个lili标签如图3。

1新建html页面 打开html编辑软件，新建一个html页面如图2添加导航标签 在ltbody标签里新建一个ltulltul标签，然后在ltul标签里添加几个ltliltli标签如图3在ltli标签内添加文字在新建的ltli添加。

select #160！ 下拉菜单选项将在这里添加 select 2在select标签之间，添加option标签来定义每个选项select #160option value=quotoption1quot选项1option #160option value=quotoption2quot选项2option。