在网页中我们经常会看到主菜单中会有很多二级菜单以至更多，如何实现二级，三级等子列表，下面通过一段代码来简单的实现二级列表和三级列表。二级列表的实现思路如下，在鼠标未悬浮到一级列表时，使用display：none将二级列表隐藏，对一级列表使用(hover)伪类标签，当鼠标悬浮到一级列表上后，使用display:black将二级列表显示出来。二级列表的位置相对于父列表进行position: relative;和position: absolute;相对定位和绝对定位来调整二级列表的位置。三级，四级…列表方法同上，不一一介绍。

1.效果展示

2.HTML代码如下

3.CSS代码

**原创文章，如要转载请备注此处！！！**

文章来源

评论可见，请评论后查看内容，谢谢！！！
 您阅读本篇文章共花了：