div+css 导航条 下拉菜单不隐藏

div+css 导航条下拉菜单不隐藏
浏览次数：389次悬赏分：5 |解决时间：2011-3-3 07:51 |提问者：ibanezxp
就是想鼠标放在“首页"按钮上那个“下拉1” 才显示
现在不知道怎么的它不放在上面也一直显示
以下是代码：
这个是网页的：
<div id="navcontainer">
<ul id="navlist">
<li id="active"><a
href="/dqsy/huaxuehuagongxueyuan/" id="">首页</a> <ul>
<li><a href="#">下拉1</a></li>
<li><a href="#">下拉1</a></li>
</ul>
</li>
<li><a href="#">学院简介</a></li>
<li><a href="#">师资队伍</a></li>
<li><a href="#">学科建设</a></li>
<li><a href="#">教学工作</a></li>
<li><a href="#">科研工作</a></li>
<li><a href="#">研究生教育</a></li>
<li><a href="#">党建工会</a></li>
这个是css的：
#container {
width : 900px;
border : 5px solid #fff;
margin-left : auto;
margin-right : auto;
padding : 10px;
color : #666;
background : #f2f2f5;
}
/*TOP BANNERs*/
#banner {
float : left;
width : 100%;
height : 160px;
padding : 0;
margin-bottom : 15px;
color : #666;
background : inherit;
}
#bannerb {
float : right;
width : 200px;
margin : 0 0 15px 10px; padding : 0;
color : #666;
background : #f2f2f5;
}
/*TOP MENU*/
#navcontainer {
clear : both;
position: relative;
width : 100%;
font-size:8px;
}
#navcontainer ul {
float : left;
width : 100%;
padding-left : 0;
margin-left : 0; background : #036;
color : #fff;
}
#navcontainer ul li { display : inline;
}
#navcontainer ul li a {
float : left;
padding : 0.2em 1em;
text-decoration : none; border-right : 1px solid #fff; background : #036;
color : #fff;
}
#navcontainer ul li a:hover { background : #a1aac9; color : #fff;
}
最佳答案
我给你说下思想：你的html中的这一段
<ul><li id="active"><a
href="/dqsy/huaxuehuagongxueyuan/" id="">首页</a> <ul>
<li><a href="#">下拉1</a></li>
<li><a href="#">下拉1</a></li>
</ul>
这块的<ul>放的不对，导航中首页，学院简介等放在ul的li里，不要把首页单独放在ul中，然后呢在目的不是要给首页加二级导航吗，就给首页的这个li加个<span>,在span里加首页样式，然后在li里加二级导航，放在<span></span>外面。

给你写下格式(内容自己添加）：
<ul>
<li><span div id=...>首页</span>
<div id=...>下拉1，下拉2
</li>
<li>学院简介</li>
...
</ul>
要加div内容的和链接的自己加。

注意：li里没有放UL的
3
回答时间：2011-2-22 15:53 |我来评论
向TA求助
回答者：鱼丸——粗面|二级采纳率：6%
擅长领域：软件
参加的活动：暂时没有参加的活动
提问者对于答案的评价：
好的谢谢
相关内容
∙2010-7-31急急急！ASP网页中用纯DIV+CSS制作的导航条下拉菜单被下面的版块遮住了...
∙2010-10-22求一段DIV+CSS的2级横向下拉菜单代码.有分分. 7
∙2008-5-22为什么div+css作的下拉菜单在ie7.0中不能正常运行，在ie6.0中能正常呢
∙2009-3-30关于css+div做的下拉菜单 (2)
∙2009-3-25div+css排下拉菜单 26
更多关于导航栏下拉菜单的问题>>
等待您来回答
∙0回答10使用keil uv2，在调试程序时,出现bad or mising [c51]section in file...
∙0回答10在用Delphi对CATIA二次开发中rib1 :=
shapeFactory1.AddNewRibFromRef...
∙0回答5我的eclipse 版本是Version: Helios Service Release 2，怎么安装ADT...
∙0回答20delphi大写锁定提示
∙0回答10在VC6的MFC中如何实现隐藏窗口。

∙1回答我在地址栏中输入localhost时，显示以下内容
∙0回答java的面板可以重叠吗?如图所示
∙0回答单片机怎样设置预留端口。