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

以将 下拉菜单嵌入由盒子中 充当的按钮 为例来说明问题，以类选择器为button的盒子当作触发下拉菜单的容器即是当鼠标移动到该按钮上面出现下拉框，则必须将hover属性附着在按钮盒子的上一级盒子上，但是通常上一级的盒子。

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

1首先，打开html编辑器，新建html文件，例如indexhtml2在indexhtml中的ltstyle标签中，输入css代码select width 210px3浏览器运行indexhtml页面，此时网页下拉列表的大小被调整为了210px。

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

2JavaScript错误如果使用JavaScript来控制下拉菜单的显示和隐藏，那么可能是JavaScript代码出现了错误请检查JavaScript代码是否正确并修复错误3其它HTML或CSS问题有时下拉菜单的错位可能是由于HTML或CSS在其它地方出现问题。

框架好了，那么就该定义页面的title，关键词keyword，和描述description meta charset=#34UTF8#34 content=#34texthtml#34。

最好是用JS做，但是非要用CSS呢，也可以如下是我以前写的一个CSS下拉，你可以参考一下lthtmlltheadlttitlelttitleltstyle*margin0padding0ul，liliststyletypepadding0margin0#nav li。