div+css二级菜单栏目的问题!求大神解答!!!!万分感谢
个人觉得如果在<li>标签里面插入<ul>和<li>标签后,下面应该会出来<li>标签里面的文字呀?为什么没显示,没反应啊,问题出在什么地方呀???求大神~~菜鸟感谢大神...
个人觉得如果在<li>标签里面插入<ul>和<li>标签后,下面应该会出来<li>标签里面的文字呀?为什么没显示,没反应啊,问题出在什么地方呀???求大神~~菜鸟感谢大神哥哥(姐姐)!!!!!!!!!!!!!!!!!!!
展开
1个回答
展开全部
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
*{padding: 0;margin: 0;}
body{padding: 100px;}
ul,li{list-style: none}
.wrap{background: #09f;color: #fff;height: 40px;line-height: 40px;}
.wrap:after{content:"";display: block;clear:both;}
.wrap .li1{float: left;padding: 0 16px;}
.wrap .li1:hover .ul2{display: block;background: #09f;}
.wrap .ul2{display: none;}
</style>
</head>
<body>
<ul class="wrap">
<li class="li1">导航1</li>
<li class="li1">导航2
<ul class="ul2">
<li>下级1</li>
<li>下级1</li>
</ul>
</li>
<li class="li1">导航3</li>
<li class="li1">导航4</li>
<li class="li1">导航5</li>
</ul>
</body>
</html>
把鼠标放在导航2上,这是不是你想要的效果?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询