abstract：<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>天猫精选-上天猫，就够了</title> <link rel="stylesheet" type="text/css" href="st
![NK[PY%IA}BRLYF91{SPT]TL.png](http://img.php.cn/upload/image/654/185/203/1551195330997742.png "1551195330997742.png")
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>天猫精选-上天猫，就够了</title>
<link rel="stylesheet" type="text/css" href="static/css/style.css">
<link rel="shortcut icon" type="image/x-icon" href="static/images/logo1.png">
<link rel="stylesheet" href="static/font-awesome/css/font-awesome.min.css">
</head>
<body>
<!-- 头部导航 -->
<div class="top">
<div class="content">
<div class="left">
<a href="">喵，欢迎来到天猫</a>
<a href="">请登录</a>
<a href="">免费注册</a>
</div>
<ul class="right">
<li><a href="">我的淘宝</a>
<div class="number">
<a href="">已买到的宝贝</a><br>
<a href="">已卖出的宝贝</a>
</div>
</li>
<li><a href=""><i class="fa fa-heart"></i>我关注的品牌</a></li>
<li><a href=""><i class="fa fa-shopping-cart"></i> 购物车0件</a></li>
<li><a href="">收藏夹</a>
<div class="dope">
<a href="">收藏的宝贝</a><br>
<a href="">收藏的店铺</a>
</div>
</li>
<li><a href="">|</a></li>
<li><a href="">手机版</a></li>
<li><a href="">淘宝网</a></li>
<li><a href="">网页导航</a>
<div id="website">
</div>
</li>
</ul>
</div>
</div>
</body>
</html>
-----------------------------css---------------------------------------------------------
*{margin: 0px;padding: 0px;}
ul{list-style:none;}
a{text-decoration:none;color:#333;}
body{font-size: 14px;}
.top{background:#f7f7f7;border-bottom:1px solid #e2e2e2;height: 41px}
.content{width: 1190px;height: 41px;line-height: 41px;margin: 0px auto}
.left{width: 650px;float:left;}
.content a{margin-left: 12px}
.left span{margin-left: 8px}
.right{float:right;}
.right li{float:left;margin-right: 12px;position: relative;}
.right span{margin-left: 10px}
.content a:hover{color:#2a5894;}
.right li div{box-shadow: 2px 1px 5px #ccc;background:#e2e2e2;text-align: center;display:none}
.number{width: 80px;position: absolute;left: 0px;top:41px;line-height: 35px;padding: 10px;}
.number a{margin-right: 10px;color: rgb(27, 107, 188)}
.right li:hover div{display: block;}
Correcting teacher：灭绝师太Correction time：2019-02-27 09:21:08
Teacher's summary：细节还是要完善 , 整体布局思路没有问题