css下拉菜单制作的问题!如何让子菜单位于主菜单正下方！
<styletype="text/css">ul{list-style:none}ulli{margin-left:2px;float:left;width:80px}u...
<style type="text/css">
ul{
list-style:none}
ul li{margin-left:2px;
float:left;
width:80px
}
ul li ul{border:1px solid #ccc; display:none;}
ul li ul li{
clear:both;
margin:0;
width:80px
}
ul li:hover ul{
display:block}
a{line-height:28px;
display:block;
border:thin #CCCCCC solid groove;
background-color:#CCCCCC;
text-align:center;
}
</style>
</head>
<body>
<div>
<ul>
<li><a id="current" href="#">首页</a></li>
<li>
<a href="#">网页版式</a>
<ul>
<li><a href="#">自适应宽度</a></li>
<li><a href="#">固定宽度</a></li>
</ul>
</li>
<li><a href="#">web教程</a>
<ul>
<li><a href="#">新手入门</a></li>
<li><a href="#">视频教程</a></li>
<li><a href="#">常见问题</a></li>
</ul>
</li>
<li><a href="#">web实例</a></li>
<li><a href="#">常用代码</a></li>
</ul>
</div>
是在火狐下显示的。。。因为IE6只支持a的伪类，其它标签的伪类不支持 展开
ul{
list-style:none}
ul li{margin-left:2px;
float:left;
width:80px
}
ul li ul{border:1px solid #ccc; display:none;}
ul li ul li{
clear:both;
margin:0;
width:80px
}
ul li:hover ul{
display:block}
a{line-height:28px;
display:block;
border:thin #CCCCCC solid groove;
background-color:#CCCCCC;
text-align:center;
}
</style>
</head>
<body>
<div>
<ul>
<li><a id="current" href="#">首页</a></li>
<li>
<a href="#">网页版式</a>
<ul>
<li><a href="#">自适应宽度</a></li>
<li><a href="#">固定宽度</a></li>
</ul>
</li>
<li><a href="#">web教程</a>
<ul>
<li><a href="#">新手入门</a></li>
<li><a href="#">视频教程</a></li>
<li><a href="#">常见问题</a></li>
</ul>
</li>
<li><a href="#">web实例</a></li>
<li><a href="#">常用代码</a></li>
</ul>
</div>
是在火狐下显示的。。。因为IE6只支持a的伪类，其它标签的伪类不支持 展开
展开全部
没有运行这个页面，但初略看了下样式，提这么个问题：有没有在这个菜单下面放入后续的页面内容？子菜单显示的时候对下面的内容产生了什么影响？ 至于这个菜单的问题，可以参考淘宝页面右上角的那个弹出效果。那个应该也不是用js实现的。
追问
你说的那个问题我倒给忽略了，多谢提醒
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
