请问为什么我的二级导航不能够全部显示？

<!DOCTYPE html>

<head>

<title>Document</title>

<style>

*{margin:0; padding:0;}

.fl{float:left;}

.fr{float:right;}

.clear{clear:both;}

.header{width:100%; background: #1a7dbf; height:41px;}

.top{width:1200px; margin:0 auto; color:#fff; overflow: hidden; zoom:1;}

.top>div{ height:41px; line-height: 41px; }

.top>div>a{color:#fff; text-decoration: none; font-size:16px; padding:0 20px; display:block; float:left; }

.top>div>span{background:url(images/t_tel.png) left no-repeat; display:block; float:right; padding-left:30px;}

.header .nav{width:1200px; margin:0 auto; overflow: hidden; zoom:1; padding:12px 0}

.nav .logo{width:292px; height:101px; float:left;}

.navlist{width:856px; padding:15px 0; display:block;}

.navs{width:100%; height:56px; /*display:table;*/}

.nav_name{width:856px; margin:0 auto; list-style: none;}

.nav_name li{float:left; position: relative;}

.nav_name li a{width:105px; text-decoration: none; display:block; text-align:center; color:#333; font:normal 16px/62px "Microsoft YaHei"; border-left:2px solid #eaeaea;}

.nav_name li a:hover,.on1{width:105px; color:#0067ac!important; border-top:3px solid #0067ac;}

.nav_name li:hover > ul{display:block;}

.nav_name ul{background:rgba(255,255,255,0.8);transition:all .4s ease;-webkit-transition:all .4s ease; list-style: none; display:none; position: absolute; top:56px; z-index:99999;}

.nav_name ul li{float:none;}

.nav_name ul li a{width:120px; display:block; text-align:center; border-left:none; height:50px;}

.nav_name ul li a:hover{width:120px; display:block; text-align:center;border-top:none; border-bottom:1px solid #0067ac;}

</style>

</head>

<body>

</div>

<ul>

</ul>

</li>

<ul>

<li><a href="/product/list-337-3a-cn.html">单元板系列</a></li>

<li><a href="/product/list-340-3a-cn.html">控制卡系列</a></li>

<li><a href="/product/list-341-3a-cn.html">配电柜系列</a></li>

</ul>

</li>

<ul>

<li><a href="/news/list-362-2a-cn.html">LED知识</a></li>

<li><a href="/news/list-363-2a-cn.html">LED视频</a></li>

</ul>

</li>

<ul>

</ul>

</li>

</ul>

</div>

</html>

慕先生5205396 2020-02-17

源自：项目：网页布局案例 2-10 作业题

收起

2回答

好帮手慕码 2020-02-17 19:04:58

同学你好，同学如果想要实现这个效果的话，可以打开浏览器的控制台（按f12），看下网站源代码中的样式，参照着去实现。
另外，本站的教学服务只包含站内视频内容问题解答、站内习题问题解答、站内作业问题解答、站内测试题问题解答以及站内产品使用问题解答。同学的问题涉及了与本站视频、习题以及作业等内容无关联，故不包含在本站的教学服务内，禁止在站内提问。

同学现在还刚入门，掌握的技术还不够全面，基础相对比较薄弱，不适合做复杂的练习。建议同学自行完成与自身能力相匹配的拓展练习。并且合理安排时间，把学习的重点放在课程内容本身。打好基础，再去做这个练习，就能轻松独立完成了。

祝学习愉快！

收起回答

好帮手慕码 2020-02-17 14:21:30

同学你好，请问同学是做的哪一节的练习呢？可以详细描述一下，以便更加住准确的帮助同学分析问题。另，把相对定位的设置去掉，二级菜单就可以出现了：

如果我的回答帮到了你，欢迎采纳，祝学习愉快~

收起回答

提问者慕先生5205396 #1

不是课程中的练习，我是自己随便找的一个网站，想自己试着写一下首页的代码，这个网站：http://www.hbxfwykj.com/ 然后二级栏目的ul是要对它的父元素进行定位呀，这个position:relative不能去掉吧，请问有没有其他的解决办法？我有看一下这个参考网站的样式，但是是自己想要试着写一下，然后和原网站的样式不是完全一样的，就我目前代码的基础上，请问怎么让他显示出来，同时，我下面添加banner图的话，这个栏目怎么显示在最上面呢？谢谢！

2020-02-17 17:30:38
提问者慕先生5205396 #2

还有一个问题，就是我在导航的下面添加大图，只添加一张。然后她大图的是1920*520的，但是我使用的电脑是大概只有1500左右的宽度，请问，这种情况下，我要怎么设置宽高，让大图不管在多大的电脑上看显示的都是不变形的？

2020-02-17 17:33:32