1、如果想仅用CSS实现的话，可以考虑把菜单标题和菜单内容放到同一个容器下，然后给这个容器做hover样式，具体请参阅下面示例代码HTMLlt！DOCTYPE html PRODUCT MODULAR BROADLOOM RESILIENT RUBBER；一二级菜单不下来原因有以下方面1HTML代码各层级嵌套错误2CSS样式控制中没有使用定位属性3定位数值计算错误二正确的解决方案 1清晰的HTML代码层级，如下 网站首页 产品分类。

2、首先，我们引用normalizecss作为默认样式，以确保我们的菜单在每个浏览器是一样的我们使用字体图标fontawesome来显示菜单项向下的图标我们还需要引用jQuery来实现菜单的切换面板按钮每个网站面板导航按钮都类似它往往是一个图标字体，如；jquery 代码documentreadyfunction * 菜单初始化 * quot#main_menu li dlquothidequot#main_menu li，#main_menu ddquotbindquotmouseoverquot， function 顶级菜单项的鼠标移入操作 this；CSSlt！ padding 0margin0 d1 position relative ul width 650pxheight 34pxliststyle background#0D3362float leftpaddingleft 2px li width 45pxheight32pxfloat；if IEimcm imea spanpositionabsoluteimcm imclear，imcleardisplayimcmzoom1 imcm licurosrhand imcm ulzoom1imcm azoom1lt！endiflt！if gte IE；textdecoration文本的修饰，为无修饰textaligncenter文本居中显示fontsize12px字体大小为12像素border1px solid #fff白色边框，边框宽一像素，实线liststyletype 设置列表项标记的。

3、具体如下这是一个漂亮的JS+CSS仿支付宝菜单，总体风格和形式与支付宝的菜单没什么两样，运行效果截图如下具体代码如下lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquotquot；CSS代码书写顺序1位置属性position， top， right， zindex， display， float等2大小width， height， padding， margin3文字系列font， lineheight， letterspacing， color textalign等4背景backgrou；menu li ddlast borderbottom1px solid #b00 上面的代码也新增了一个last的类，因此我们必须在对应的HTML代码中最后一个dd指定class=quotlastquotCSS高级教程 3设置子菜单的链接的样式 menu li dd a， #menu；无标题文档 body backgroundcolorwhitefontsize12pxfontfamilyArial， Helvetica， sansserifmargin0pxpadding0pxcolorwhite ul，li margin0pxpadding0px li displayinlineliststyle；这个是菜单栏的代码，以下是CSS样式#menu background #FFFFFF urlimagesimg01gif repeatx width 960px height 45px margin 0 auto padding 0px 0 fontsize16px#menu ul height 45px margin。

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

5、positionrelative son positionabsolute top30px left1px grason positionabsolute top1px left100px son，grason display active displayblock background#FF0；代码效果图代码含义定义为下拉列表菜单标签 ltOption定义下拉列表数据标签 ltValue 定义传输的定 实现原理通过代码设置一个下拉列表菜单，设计下拉菜单下面的值来达成效果代码源件 无标题 下拉列表菜单；下拉菜单的制作方法，要CSS代码的 可以出现二级菜单和三级菜单的最好不要有javascript代码出现 可以出现二级菜单和三级菜单的最好不要有javascript代码出现 展开 #xE768 我来答。