Question

html怎么不让导航栏的二级菜单不影响下面的 div

<div class="banner">
<div class="nav">
<ul id="nav" class="n">
<!--color: #36daff;-->
<a href="#" title="首页">
<li class="nl">
首页
</li>
</a>
<a href="#" title="就诊服务">
<li class="nl">
就诊服务
<ul class="nlu">
<li class="nll"><a href="#">就诊服务</a></li>
<li class="nll"><a href="#">首 页</a></li>
<li class="nll"><a href="#">首 页</a></li>
<li class="nll"><a href="#">首 页</a></li>
<li class="nll"><a href="#">首 页</a></li>
<li class="nll"><a href="#">首 页</a></li>
<li class="nll"><a href="#">首 页</a></li>
<li class="nll"><a href="#">首 页</a></li>
<li class="nll"><a href="#">首 页</a></li>
<li class="nll"><a href="#">首 页</a></li>
</ul>
</li>
</a>

.banner{width: 100%;height: 665px;position: relative;background-image:url(../images/navback.png);background-size: 100% 100%;overflow: hidden; }

.nav{min-width: 1200px;width: 100%;position: absolute;z-index: 999;overflow: hidden; }
.n {width: 1200px;margin: 0 auto;text-align: center; }
.n a {text-decoration: none;color: white; }
.nl{float: left;width: 66px;margin-top:18px;margin-right:47px;color: #fff;line-height: 48px; }
.nls{float: left;width: 66px;margin-top:18px;margin-right:0px;color: #fff; }

.nlu{display: none; width: 100px;background: #4E4E4E;padding:0; margin:0 }
.nll{line-height: 40px;}
.nll a{display: block;padding: 0 10px; }

Answer 1

.nl{float: left;width: 66px;margin-top:18px;margin-right:47px;color: #fff;line-height: 48px; }  加上 position:relative;
.nlu  加上 position:absolute; 在调整top,left,right,就差不多了，要使用相对，绝对定位来使二级菜单浮动。脚本宝典 脚本 为你提供，如果有疑问可以去上面看下