我的二级菜单显示的好奇怪呀，有老师可以指导一下么？
html代码如下：
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<style>
.parent-li {
text-align: center;
display: block;
position: relative;
list-style: none;
width: 200px;
height: 25px;
background-color: lightgray;
border-bottom: 1px dotted white;
}
.child-ul {
position: absolute;
display: none;
list-style: none;
left: 200px;
top: 0px;
}
.parent-li:hover > .child-ul{
display: block;
}
</style>
<body>
<div class="list"></div>
<ul>
<li class="parent-li">
<!-- 父级菜单项 -->
<a href="#">父项目一</a>
<!-- 子级菜单项 -->
<ul class="child-ul">
<li class="inner">
<a href="#">子项目一</a>
</li>
<li class="inner">
<a href="#">子项目二</a>
</li>
<li class="inner">
<a href="#">子项目三</a>
</li>
</ul>
</li>
</ul>
</body>
</html>vscode中的browser preview插件显示效果如下：
p.s. 我换到真正的chrome下时，显示效果也是上面这样，还有一个奇怪的地方，在真正的chrome中时要点击才能显示二级菜单，可我的伪类设置的是:hover呀，在vscode browser preview插件中可以实现滑动显示。
23
收起
正在回答 回答被采纳积分+1
3回答
相似问题
请问为什么移入二级菜单还是没显示出来。
18
0
3
请问老师二级菜单怎么循环5次
31
0
8
老师，请问这个jquery的部分为什么二级菜单出不来
15
0
3
老师我的代码如何实现慕课网首页二级导航弹出的样式
1
0
6
滑过主菜单显示问题
0
0
4
登录后可查看更多问答，登录/注册
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星