首页新闻找找看学习计划

下拉列表覆盖了本来下一项的元素 找不到问题在哪里

0
悬赏园豆:5 [已解决问题] 解决于 2015-08-14 09:43
 感觉应该是css有问题 点击下拉时间并没有问题 有firebug审查元素不知道怎么解决
<div class="left_menu">
<div id="chief">
<a class="chief"><i class="fa fa-user">&nbsp;负责的项目</i>&nbsp;<i class="right fa fa-caret-right"></i></a>
<ul id="CProjects" style="display: none">
<li><a><i class="fa fa-circle"></i>&nbsp;开源协会</a></li>
<li><a><i class="fa fa-circle"></i>&nbsp;开源协会</a></li>
<li><a><i class="fa fa-circle"></i>&nbsp;开源协会</a></li>
</ul>
</div>
<div id="cooperator" >
<a class="cooperator"><i class="fa fa-users">&nbsp;参与的项目</i>&nbsp;<i class="right fa fa-caret-right"></i>
</a>
<ul id="JProjects" style="display: none">
<li><a><i class="fa fa-circle"></i>&nbsp;开源协会</a></li>
<li><a><i class="fa fa-circle"></i>&nbsp;开源协会</a></li>
<li><a><i class="fa fa-circle"></i>&nbsp;开源协会</a></li>
</ul>
</div>
<div id="newProject">
<a class="newProject"><i class="fa fa-plus"></i>&nbsp;新建项目</a>
</div>
<div id="searchProject">
<a class="searchProject"><i class="fa fa-search"></i>&nbsp;搜索项目</a>
</div>
</div>
 
css代码
.left_menu {
position:relative;
width: 20%;
height: 100%;
background-color: #44515b;
}
/*负责的项目*/
.left_menu #chief{
position:relative;
width:100%; height:8%;
padding-top: 5%;
}
.left_menu .chief,.left_menu .cooperator,.left_menu #newProject .newProject
,.left_menu #searchProject .searchProject{
position:relative;
left: 5%;
font-size: 1vw; color:#989a9b;
cursor:pointer;
}
.left_menu #chief ul,.left_menu #cooperator ul{
position: relative;
width:100%;
padding:0;
overflow: hidden;
background-color: #1d2933;
}
.left_menu #chief ul li,.left_menu #cooperator ul li {
display:block;
margin-left:6%;
margin-top: 4%;
margin-bottom: 4%;
}
.left_menu #chief ul li a,.left_menu #cooperator ul li a{
position: relative;
display: block;
font-size: 1vw;
color:#989a9b;
margin-left: 4%;
}
.left_menu #chief ul li a:hover,.left_menu #cooperator ul li a:hover{
color: #fff;
}
.left_menu .chief:hover,.left_menu .cooperator:hover,
.left_menu #newProject .newProject:hover,
.left_menu #searchProject .searchProject:hover{
color:#fff;
}
/*参与的项目*/
.left_menu #cooperator,.left_menu #newProject, .left_menu #searchProject{
position:relative;
width:100%; height:6%;
}
小kk06的主页 小kk06 | 初学一级 | 园豆:56
提问于:2015-08-14 08:44
< >
分享
最佳答案
0

发现是给div设置了6%的高度 应该是给div下的a标签设置高度 这样就可以下拉不用覆盖了

小kk06 | 初学一级 |园豆:56 | 2015-08-14 09:41
其他回答(1)
0

试试z-index

收获园豆:5
请叫我头头哥 | 园豆:9382 (大侠五级) | 2015-08-14 09:07

把.chief 和 ul z-index设置成一样是这个意思吗

支持(0) 反对(0) 小kk06 | 园豆:56 (初学一级) | 2015-08-14 09:19
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册