摘要：三级下拉菜单css实现效果就是 display：block；和inline实现，就是要给ul加上position：absolut；然后父级加上一个position：relative；<!DOCTYPE html><html><head><meta charset="UTF-8"><title>导航制作<
三级下拉菜单css实现效果就是 display：block；和inline实现，就是要给ul加上position：absolut；然后父级加上一个position：relative；
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>导航制作</title>
<style>
*{padding: 0; margin: 0};
.clear{clear:both;}
a{text-decoration: none; color:#fff;padding-right:15px;}
.header{height:80px ; width:100%; background:#333;}
.nav{width:1600px; height:80px; margin:0 auto; font-size:25px;padding-right:15px;}
.left{ line-height:80px; float: left; }
.right{float: right; line-height:80px;}
.nav a:hover{background:#fff; color: darkorange;}
</style>
<body>
<div>
<div>
<div>
<a href="">第一个菜单</a>
<a href="">2个菜单</a>
<a href="">第三个</a>
<a href="">四个菜单</a>
<a href="">五个</a>
</div>
<div>
<a href="">第er个菜单</a>
<a href="">2个菜单</a>
<a href="">第三个</a>
<a href="">四个菜单</a>
<a href="">五个</a>
</div>
<div></div>
</div>
</div>
</body>
</html>
批改老师：灭绝师太批改时间：2019-03-19 09:09:40
老师总结：如果是复习课程的话,作业质量有待提高哦!
