为什么只有最后一栏出问题其他的都好好的
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>二级列表</title>
<style>
#box1 {
width: 1000px;
height: 1000px;
}
* {
margin: 0px;
padding: 0px;
}
a {
text-decoration: none;
color: white;
}
ul {
width: 200px;
list-style: none;
padding: 0px;
background-color: black;
}
ol {
width: 200px;
list-style: none;
background-color: gray;
position: absolute;
top: 0px;
left: 200px;
}
/* h3 {
border-bottom: 1px dotted white;
text-align: center;
color: white;
background-color: black;
} */
li {
border-bottom: 1px dotted white;
text-align: center;
}
#list1,
#list2,
#list3,
#list4 {
display: none;
}
#baidu:hover>#list1,
#tencent:hover>#list2,
#sina:hover>#list3,
#netease:hover>#list4 {
display: block;
}
#baidu,#tencent,#sina,#netcase{
position: relative;
}
</style>
</head>
<body>
<div id="box1">
<!-- <h3>二级列表</h3> -->
<ul id="biglist">
<li id="baidu">
<a href="https://www.baidu.com/">百度</a>
<ol id="list1">
<li><a href="http://news.baidu.com/">百度新闻</a></li>
<li><a href="https://www.hao123.com/">hao123</a></li>
<li><a href="http://map.baidu.com/">百度地图</a></li>
<li><a href="http://v.baidu.com/">百度视频</a</li> <li><a href="http://tieba.baidu.com/">百度贴吧</a></li>
<li><a href="http://xueshu.baidu.com/">百度学术</a></li>
</ol>
</li>
<li id="tencent">
<a href="https://www.qq.com/">腾迅</a>
<ol id="list2">
<li><a href="https://news.qq.com/">腾讯新闻</a></li>
<li><a href="https://v.qq.com/">腾讯视频</a></li>
<li><a href="https://new.qq.com/ch/photo/">腾讯图片</a></li>
<li><a href="https://new.qq.com/ch/milite/">腾讯军事</a></li>
<li><a href="https://sports.qq.com/">腾讯体育</a></li>
</ol>
</li>
<li id="sina">
<a href="https://www.sina.com.cn/">新浪</a>
<ol id="list3">
<li><a href="https://finance.sina.com.cn/">新浪财经</a></li>
<li><a href="https://tech.sina.com.cn/">新浪科技</a></li>
<li><a href="https://ent.sina.com.cn/">新浪娱乐</a></li>
<li><a href="https://weibo.com/?sudaref=www.sina.com.cn&display=0&retcode=6102">新浪微博</a></li>
<li><a href="http://blog.sina.com.cn/">新浪博客</a></li>
</ol>
</li>
<li id="netease">
<a href="https://www.163.com/">网易</a>
<ol id="list4">
<li><a href="https://news.163.com/">网易新闻</a></li>
<li><a href="http://ent.163.com/">网易娱乐</a></li>
<li><a href="https://sports.163.com/">网易体育</a></li>
<li><a href="http://tech.163.com/">网易科技</a></li>
<li><a href="https://fashion.163.com/">网易时尚</a></li>
</ol>
</li>
</ul>
</div>
</body>
</html>0
收起
正在回答 回答被采纳积分+1
2回答
相似问题
登录后可查看更多问答，登录/注册
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星