标签：code lis 鼠标 menu spl 隐藏 比较 pre position
原理比较简单，首先先隐藏下拉菜单即display:none，当鼠标hover后，设置display:block。
<style>
.menu-title {
postion: relative;
}
.menu-list {
display: none;
position: absolute;
right: 0;
top: 0;
}
.menu-title:hover .menu-list {
dispaly: block;
}
</style>
<body>
<div>
<div class="menu-title">菜单</div>
<div class="menu-list">
<div>菜单1</div>
<div>菜单2</div>
<div>菜单3</div>
</div>
</div>
</body>标签：code lis 鼠标 menu spl 隐藏 比较 pre position
原文地址：https://www.cnblogs.com/shellon/p/12878109.html
