为什么只有最后一栏出问题其他的都好好的
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 | <!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积分~
来为老师/同学的回答评分吧