鼠标滑过显示二级菜单出现问题:二级菜单display:block还是显示不出。 -问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文

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

杨冬芳 2016-06-13 13:38:58 1631

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;
}
容器
分享到
取消 提交回答
全部回答(1)
  • 杨冬芳
    2019-07-17 19:35:43
    /滑过时显示二级菜单/
    nav ul li:hover ul{
    
    display: block;
    position: absolute;
    
    }
    
    是li下的ul不是a.set的ul,a.set下面没有ul
    0 0
云原生
使用钉钉扫一扫加入圈子
+ 订阅

云原生时代,是开发者最好的时代

推荐文章
相似问题
推荐课程