<!DOCTYPE html>
<html>
<head>
<title>下拉菜单</title>
</head>
<body>
<div class="titleBar">
<span>下拉菜单</span>
<div class="title">
<p>菜单一</p>
<p>菜单二</p>
<p>菜单三</p>
</div>
</div>
</body>
<style type="text/css">
.titleBar{
display: inline-block;
position: relative;
}
.title{
display: none;
position: absolute;
}
.titleBar:hover .title{display: block;}
</style>
</html>
css实现下拉菜单，鼠标移动到指定位置显示菜单项，移开隐藏菜单项
原文：https://www.cnblogs.com/lfnumber7/p/12612447.html