摘要：<div id="list"> 菜单列表 <ul> <li>菜单a</li> <li>菜单b</li> </ul> </div> <style> #list{ pos
<div id="list">
菜单列表
<ul>
<li>菜单a</li>
<li>菜单b</li>
</ul>
</div>
<style>
#list{
position:relative;
}
#list ul{
display:none;
position:absolute;
top:20px;
left:10px;
}
#list:hover ul{
display:block;
}
</style>通过css的display：none先隐藏下拉菜单，然后给父元素写css样式：hover 设置子元素的display为block即可完成鼠标放上显示。
批改老师：西门大官人批改时间：2019-04-22 10:32:39
老师总结：这是用CSS实现用鼠标控制显示与隐藏的基本原理。很好
