使用HTML和CSS制作下拉菜单的方法如下1编写带有div导航的html代码2使用class=“nav”属性的‘div’标签作为菜单的容器在截图中，在图示的HTML代码中，一个简单的无序列表ul来表示主菜单项3在主菜单区域中；这次给大家带来纯CSS如何实现下拉菜单，纯CSS实现下拉菜单的注意事项有哪些，下面就是实战案例，一起来看一下本篇文章主要介绍了纯CSS实现下拉菜单的示例代码，分享给大家，具体如下将下拉菜单的ul高度设置为0，并且超出；floatleftpositionrelative错误的css表达，float与position冲突，建议去掉position，在ie6会出现兼容问题设置divmenu ul li平铺而不是竖排，位置相对menu ul li ul display设置divmenu ul li；除了top_container和menu_container不变外，其余的替换成menu margin 0 autowidth 1002pxheight100% menu *padding0px margin0px menu ul floatleft menu li float leftliststyle；把以下代码插入到你的空间CSS代码里#m_commentoverflowyautoheight156px#m_comment这个你要用那个模块做下拉菜单就换上那个模块的前部代码高度自己可以修改 已赞过 已踩过lt 你对这个回答的评价是？ 评论 收起 其。

纯CSS的下拉菜单，此处理解的意思就是标签套标签，然后再给标签设置样式在被套的标签设置平时状态为隐藏，再等鼠标移动到上一个标签时，将被套的标签显示样式overflowhidden 贴一段网上摘的纯CSS下拉菜单二级；这个是菜单栏的代码，以下是CSS样式#menu background #FFFFFF urlimagesimg01gif repeatx width 960px height 45px margin 0 auto padding 0px 0 fontsize16px#menu ul height 45px margin；如果想仅用CSS实现的话，可以考虑把菜单标题和菜单内容放到同一个容器下，然后给这个容器做hover样式，具体请参阅下面示例代码HTMLlt！DOCTYPE html PRODUCT MODULAR BROADLOOM RESILIENT RUBBER；它使一个元素滑动效果的出现或消失，函数有一个动画时间参数最后，我们的演示菜单项有一个悬停效果它是使用一个after伪元素代码如下menusidebar li aafter content quotquot display block height 015em；*设置弹出菜单默认隐藏*dingjicaidan lihover ul displayblock *当鼠标移动到dingjicaidan下的li标签时，改变li下的ul标签的display属性显示出来*其实就这么简单，自己琢磨下吧，纯手打，望采纳；首先，创建一个DIV，将其命名为“nav”，并创建一个 然后设置CSS样式，指定列表的宽度和高度，去掉列表前面的符号代码是Ulwidth宽度值Height高度值列表样式无 如果是横向导航，还需要设置列表项 每列之间的。

无标题文档 body backgroundcolorwhitefontsize12pxfontfamilyArial， Helvetica， sansserifmargin0pxpadding0pxcolorwhite ul，li margin0pxpadding0px li displayinlineliststyle；还有一种原理，利用body的点击事件来操作元素的，也是可以的，但是要利用到js比较麻烦，下面的这个demo是只需要用到css就可以实现的 OnHereHelloWord 创建一个滚动菜单的HTML代码是额按这题目来说，就是创建一个下拉菜单==。

最好是用JS做，但是非要用CSS呢，也可以如下是我以前写的一个CSS下拉，你可以参考一下*margin0padding0ul，liliststyletypepadding0margin0#nav li adisplayblockwidth100pxtextal；您要的效果应该是下面这样的示例代码如下lt！DOCTYPE HTML 纯 CSS 多级菜单 menu menu ul，menu limargin0 padding0liststyle outside menuuloverflowauto displayinlin。