摘要：/*CSS代码*/ *{margin: 0px;padding: 0px;color: #929292;} ul{list-style: none;} .clear{clear: both;} a{text-decoration: none;padding: 0px 17px;height: 40px;di
/*CSS代码*/
*{margin: 0px;padding: 0px;color: #929292;}
ul{list-style: none;}
.clear{clear: both;}
a{text-decoration: none;padding: 0px 17px;height: 40px;display: inline-block;}
a:hover{background: #fff;}
.header{width: 100%;height:40px;background-color:#F5F5F5;}
.head{width: 1200px;margin: 0px auto;height: 40px;line-height: 40px;}
.logo{width: 98px;height: 23px;margin: 7px 17px 0px 0px;}
.fdl{float: left;}
.fdr{float: right;}
.head i{position: relative;top: 0px;right: -5px;}
.yc{display:none;height: 50px; position: absolute;top:40px;left: 380px;border:1px solid #f5f5f5;z-index: 1;}
.head .xs:hover .yc{display: block;}
.yc2{display:none;height: 160px; position: absolute;top:40px;left: 553px;border:1px solid #f5f5f5;z-index: 1;}
.head .xs:hover .yc2{display: block;}
.head .xs .yc2 :hover a{color: #666;}/*HTML*/ <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>制作导航</title> <link rel="stylesheet" type="text/css" href="css/index.css"> <link rel="stylesheet" type="text/css" href="css/font-awesome-4.7.0/css/font-awesome.min.css"> </head> <body> <div> <div> <img class="logo fdl" src="images/logo.png" alt=""> <div class="head_left fdl"> <div> <div><a href="">首页</a></div> <div class="fdl xs"> <a href="">学习中心<i class="fa fa-caret-down"></i></a> <a>您还没有参加班级，马上报班！</a> </div> <div><a href="">班级</a></div> <div class="fdl xs"><a href="">学习工具<i class="fa fa-caret-down"></a></i> <ul> <li><a href="">沪江网校</a></li> <li><a href="">沪江开心词场</a></li> <li><a href="">沪江听力库</a></li> <li><a href="">沪江小D词典</a></li> </ul> </div> <div><a href="">校企合作</a></div> </div> </div> <div class="head_right fdr"> <div><img src="images/vip.png" alt=""></div> <div><a href="">VIP会员中心</a></div> <div><a href="">登录</a></div> <div><a href="">注册</a></div> </div> </div> <div></div> </div> </body> </html>
批改老师：灭绝师太批改时间：2018-11-03 11:42:33
老师总结：代码，基本没有问题了，下次布局的时候class名取的要注意一点，专业一点，或者看名知意的也可以
