开发者社区> 问答> 正文

鼠标滑过显示二级菜单出现问题:二级菜单display:block还是显示不出。

screenshot

*{
    margin: 0;
    padding: 0;
}
.container{
    width: 100%;
}
/*定义导航大小*/
nav{
    width: 100%;
    height: 40px;
    border-bottom: 1px solid #ebebeb;
}
/*一级菜单*/
nav ul li{
    float:right;
    font-size: 18px;
    line-height: 40px;
    padding-left: 20px;
    list-style-type: none;
    position: relative;
}
/*二级菜单清除浮动*/
nav ul li ul li{
    clear: both;
}
/*鼠标没有滑过时不显示二级菜单*/
nav ul li ul {
    display: none;
}
/*滑过时显示二级菜单*/
nav ul li a.set:hover ul{
    display: block;
    position: absolute;
}

展开
收起
杨冬芳 2016-06-13 13:38:58 2737 0
1 条回答
写回答
取消 提交回答
  • IT从业
    /滑过时显示二级菜单/
    nav ul li:hover ul{
    
    display: block;
    position: absolute;
    
    }
    
    是li下的ul不是a.set的ul,a.set下面没有ul
    2019-07-17 19:35:43
    赞同 展开评论 打赏
问答分类:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载