html 二级导航 怎么让菜单横排
<divID="QQ"><ul><li>A</li><ul><li>1</li><li>2</li></ul><li>B</li><li>C</li></ul>我知道一级...
<div ID="QQ">
<ul>
<li>A</li>
<ul>
<li>1</li>
<li>2</li>
</ul>
<li>B</li>
<li>C</li>
</ul>
我知道一级菜单就是ABC打横排，是加个CSS这样，
#QQ li{float:left;}
二级菜单也要打横，CSS怎么加？
#QQ li li 还是 #QQ li ul li好像这样都不行啊 展开
<ul>
<li>A</li>
<ul>
<li>1</li>
<li>2</li>
</ul>
<li>B</li>
<li>C</li>
</ul>
我知道一级菜单就是ABC打横排，是加个CSS这样，
#QQ li{float:left;}
二级菜单也要打横，CSS怎么加？
#QQ li li 还是 #QQ li ul li好像这样都不行啊 展开
1个回答
展开全部
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<style type="text/css">
/*一二级菜单横向排列*/
ul li{
float: left;
}
/*二级菜单默认不显示*/
ul li ul{
display: none;
}
/*一级菜单获得焦点时显示其二级菜单*/
ul li:hover ul{
display: block;
position: absolute;
padding-left: 0px;
}
/*不显示列表样式*/
li{
list-style: none;
}
/*二级菜单纵向显示*/
/*
ul li ul li{
float: none;
}
*/
</style>
</head>
<body>
<div>
<ul>
<li>A
<ul>
<li>1</li>
<li>2</li>
</ul>
</li>
<li>B</li>
<li>C</li>
</ul>
</div>
</body>
</html>
追问
有什么用？
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
