如何制作二级菜单

大家好，相信很多小伙伴会发现一个有趣的现象，当我们浏览一个网页的时候，本来静态的网页，可能因为我们划过某处时，会出现一个列表或者是图片，这里就用到了二级菜单了，接下来我为大家简单讲解一下二级菜单的制作。

image.png

这是一个列表，当划过我的携程这个选项的时候，它的下面会出现一个列表，当我们不把鼠标划过它的时候，这个列表又会隐藏，我们首先要在<li></li>里面建一个盒子，里面写着我们要写的内容

image.png

我们给这个盒子起名为.erji-top1,
我们接下来给它写样式

image.png 。
我们要给它一个绝对定位，给它的父元素<li>我的携程</li>
一个相对定位，给它设置成隐藏的状态， image.png

，
然后给li设置划过显示.erji-top1就可以啦