UC知道用CSS显示下拉菜单，请高手指点
来源：百度知道 编辑：UC知道 时间：2024/09/22 18:54:22
<html>
<head>
<style type="text/css">
ul {list-style:none; margin:0;}
ul li.a{display:block;}
ul li{ display:none;}
#aa li:hover{display:block;}
</style>
</head>
<body>
<ul id="aa">
<li class="a"><a href="#">aaa</a></li>
<li class="b">b</li>
</ul>
</body>
</html>
我随便写的，怎么不好用，请细说一下，我是新手，谢谢
我想完全用CSS实现，这样不可以吗？？
<head>
<style type="text/css">
ul {list-style:none; margin:0;}
ul li.a{display:block;}
ul li{ display:none;}
#aa li:hover{display:block;}
</style>
</head>
<body>
<ul id="aa">
<li class="a"><a href="#">aaa</a></li>
<li class="b">b</li>
</ul>
</body>
</html>
我随便写的，怎么不好用，请细说一下，我是新手，谢谢
我想完全用CSS实现，这样不可以吗？？
LZ我看你用li:hover，你的意思该不会是要这么写二级目录吧：
CSS样式：
<style type="text/css">
ul.menu{
display:block;
overflow:visible;
text-align:center;
line-height:25px;}
li.fb{
float:left;
list-style-type:none;
overflow:hidden;
border:1px solid #ccc;
height:25px;
width:200px;}
a.fb-a{
display:block;}
li.fb:hover{
overflow:visible;}
</style>
body内容：
<body>
<ul class="menu">
<li class="fb"><a class="fb-a" href="###">导航一</a>
<ul class="next">
<li class="sb"><a href="####">二级菜单</a></li>
<li class="sb"><a href="####">二级菜单</a></li></ul></li>
</ul>
</body>
原理很简单，就是在li.fb固定高度和宽度，然后设置overflow:hidden;就是超出部分不显示。
那么ul.next属于超出li标签外的部分，就被隐