仿天猫商城左侧移上显示商品导航（2）
<!DOCTYPE html>
<html>
<head>
<title>仿天猫网站</title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="shortcut icon" type="image/x-icon" href="image/logo.png">
<link rel="stylesheet" href="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>
<div class="right">
<ul>
<li><a href="">我的淘宝</a>
<div class="number">
<a href="">已买到的宝贝</a><br>
<a href="">已卖出的宝贝</a>
</div>
</li>
<li><a href=""><i class="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=""><i class="fa-android"></i>手机版</a></li>
<li><a href="">淘宝网</a></li>
<li><a href="">商家支持</a></li>
<li><a href="">网站导航</a>
<div class="website">
</div>
</li>
</ul>
</div>
</div>
<div class="middle">
<div class="content">
<ul class="menu">
<li><a href="#"><i class="fa fa-hand-o-right"></i> 女装/内衣</a>
<div class="menu_content">
<div class="menu_left">
<p><b>当季流行</b><span class="fa fa-angle-right"></span></p>
<p class="hr">
<a href="" style="color: pink;">夏季新品</a>
<a href="">商场同款</a>
<a href="">仙女连衣裙</a>
<a href="">T恤</a>
<a href="">衬衫</a>
<a href="">时髦外套</a>
<a href="">休闲外套</a>
<a href="">牛仔裤</a><br>
<a href="">无痕文胸</a>
<a href="">运动文胸</a>
<a href="">潮流家居服</a>
<a href="">百搭船袜</a>
</p>
<p><b>当季流行1</b><span class="fa fa-angle-right"></span></p>
<p class="hr">
<a href="">夏季新品</a>
<a href="">商场同款</a>
<a href="">仙女连衣裙</a>
<a href="">T恤</a>
<a href="">衬衫</a>
<a href="">时髦外套</a>
<a href="">休闲外套</a>
<a href="">牛仔裤</a><br>
<a href="">无痕文胸</a>
<a href="">运动文胸</a>
<a href="">潮流家居服</a>
<a href="">百搭船袜</a>
</p>
<p><b>当季流行2</b><span class="fa fa-angle-right"></span></p>
<p class="hr">
<a href="">夏季新品</a>
<a href="">商场同款</a>
<a href="">仙女连衣裙</a>
<a href="">T恤</a>
<a href="">衬衫</a>
<a href="">时髦外套</a>
<a href="">休闲外套</a>
<a href="">牛仔裤</a><br>
<a href="">无痕文胸</a>
<a href="">运动文胸</a>
<a href="">潮流家居服</a>
<a href="">百搭船袜</a>
</p>
<p><b>当季流行3</b><span class="fa fa-angle-right"></span></p>
<p class="hr">
<a href="">夏季新品</a>
<a href="">商场同款</a>
<a href="">仙女连衣裙</a>
<a href="">T恤</a>
<a href="">衬衫</a>
<a href="">时髦外套</a>
<a href="">休闲外套</a>
<a href="">牛仔裤</a><br>
<a href="">无痕文胸</a>
<a href="">运动文胸</a>
<a href="">潮流家居服</a>
<a href="">百搭船袜</a>
</p>
<p><b>当季流行4</b><span class="fa fa-angle-right"></span></p>
<p class="hr">
<a href="">夏季新品</a>
<a href="">商场同款</a>
<a href="">仙女连衣裙</a>
<a href="">T恤</a>
<a href="">衬衫</a>
<a href="">时髦外套</a>
<a href="">休闲外套</a>
<a href="">牛仔裤</a><br>
<a href="">无痕文胸</a>
<a href="">运动文胸</a>
<a href="">潮流家居服</a>
<a href="">百搭船袜</a>
</p>
<p><b>当季流行5</b><span class="fa fa-angle-right"></span></p>
<p class="hr">
<a href="">夏季新品</a>
<a href="">商场同款</a>
<a href="">仙女连衣裙</a>
<a href="">T恤</a>
<a href="">衬衫</a>
<a href="">时髦外套</a>
<a href="">休闲外套</a>
<a href="">牛仔裤</a><br>
<a href="">无痕文胸</a>
<a href="">运动文胸</a>
<a href="">潮流家居服</a>
<a href="">百搭船袜</a>
</p>
<p><b>当季流行6</b><span class="fa fa-angle-right"></span></p>
<p >
<a href="">夏季新品</a>
<a href="">商场同款</a>
<a href="">仙女连衣裙</a>
<a href="">T恤</a>
<a href="">衬衫</a>
<a href="">时髦外套</a>
<a href="">休闲外套</a>
<a href="">牛仔裤</a>
</p>
</div>
<div class="menu_right">
<a href=""><img src="static/images/3.jpg"></a>
<a href=""><img src="static/images/4.jpg"></a>
<a href=""><img src="static/images/5.jpg"></a>
<a href=""><img src="static/images/6.jpg"></a>
<a href=""><img src="static/images/3.jpg"></a>
<a href=""><img src="static/images/3.jpg"></a>
<a href=""><img src="static/images/3.jpg"></a>
<a href=""><img src="static/images/3.jpg"></a>
<a href=""><img src="static/images/3.jpg"></a>
<a href=""><img src="static/images/3.jpg"></a>
<a href=""><img src="static/images/3.jpg"></a>
<a href=""><img src="static/images/3.jpg"></a>
<a href=""><img src="static/images/3.jpg"></a>
<a href=""><img src="static/images/3.jpg"></a>
<a href=""><img src="static/images/5.jpg"></a>
<a href=""><img src="static/images/6.jpg"></a>
<a href=""><img src="static/images/5.jpg"></a>
<a href=""><img src="static/images/6.jpg"></a>
</div>
</div>
</li>
<li><a href="#"><i class="fa fa-hand-o-right"></i> 男装/运动户外</a></li>
<li><a href="#"><i class="fa fa-hand-o-right"></i> 女鞋/男鞋/箱包</a></li>
<li><a href="#"><i class="fa fa-hand-o-right"></i> 美妆/个人护理</a></li>
<li><a href="#"><i class="fa fa-hand-o-right"></i> 腕表/眼镜/珠宝饰品</a></li>
<li><a href="#"><i class="fa fa-hand-o-right"></i> 手机/数码/电脑办公</a></li>
<li><a href="#"><i class="fa fa-hand-o-right"></i> 母婴玩具</a></li>
<li><a href="#"><i class="fa fa-hand-o-right"></i> 零食/茶酒/进口食品</a></li>
<li><a href="#"><i class="fa fa-hand-o-right"></i> 生鲜水果</a></li>
<li><a href="#"><i class="fa fa-hand-o-right"></i> 女鞋/男鞋/箱包</a></li>
<li><a href="#"><i class="fa fa-hand-o-right"></i> 美妆/个人护理</a></li>
<li><a href="#"><i class="fa fa-hand-o-right"></i> 腕表/眼镜/珠宝饰品</a></li>
<li><a href="#"><i class="fa fa-hand-o-right"></i> 手机/数码/电脑办公</a></li>
<li><a href="#"><i class="fa fa-hand-o-right"></i> 母婴玩具</a></li>
<li><a href="#"><i class="fa fa-hand-o-right"></i> 图书音像</a>
<div class="menu_content">
<div class="menu_left">
<p><b>当季流行</b><span class="fa fa-angle-right"></span></p>
<p class="hr">
<a href="" style="color: pink;">夏季新品</a>
<a href="">商场同款</a>
<a href="">仙女连衣裙</a>
<a href="">T恤</a>
<a href="">衬衫</a>
<a href="">时髦外套</a>
<a href="">休闲外套</a>
<a href="">牛仔裤</a><br>
<a href="">无痕文胸</a>
<a href="">运动文胸</a>
<a href="">潮流家居服</a>
<a href="">百搭船袜</a>
</p>
<p><b>当季流行</b><span class="fa fa-angle-right"></span></p>
<p class="hr">
<a href="">夏季新品</a>
<a href="">商场同款</a>
<a href="">仙女连衣裙</a>
<a href="">T恤</a>
<a href="">衬衫</a>
<a href="">时髦外套</a>
<a href="">休闲外套</a>
<a href="">牛仔裤</a><br>
<a href="">无痕文胸</a>
<a href="">运动文胸</a>
<a href="">潮流家居服</a>
<a href="">百搭船袜</a>
</p>
<p><b>当季流行</b><span class="fa fa-angle-right"></span></p>
<p class="hr">
<a href="">夏季新品</a>
<a href="">商场同款</a>
<a href="">仙女连衣裙</a>
<a href="">T恤</a>
<a href="">衬衫</a>
<a href="">时髦外套</a>
<a href="">休闲外套</a>
<a href="">牛仔裤</a><br>
<a href="">无痕文胸</a>
<a href="">运动文胸</a>
<a href="">潮流家居服</a>
<a href="">百搭船袜</a>
</p>
<p><b>当季流行</b><span class="fa fa-angle-right"></span></p>
<p class="hr">
<a href="">夏季新品</a>
<a href="">商场同款</a>
<a href="">仙女连衣裙</a>
<a href="">T恤</a>
<a href="">衬衫</a>
<a href="">时髦外套</a>
<a href="">休闲外套</a>
<a href="">牛仔裤</a><br>
<a href="">无痕文胸</a>
<a href="">运动文胸</a>
<a href="">潮流家居服</a>
<a href="">百搭船袜</a>
</p>
<p><b>当季流行</b><span class="fa fa-angle-right"></span></p>
<p class="hr">
<a href="">夏季新品</a>
<a href="">商场同款</a>
<a href="">仙女连衣裙</a>
<a href="">T恤</a>
<a href="">衬衫</a>
<a href="">时髦外套</a>
<a href="">休闲外套</a>
<a href="">牛仔裤</a><br>
<a href="">无痕文胸</a>
<a href="">运动文胸</a>
<a href="">潮流家居服</a>
<a href="">百搭船袜</a>
</p>
<p><b>当季流行</b><span class="fa fa-angle-right"></span></p>
<p class="hr">
<a href="">夏季新品</a>
<a href="">商场同款</a>
<a href="">仙女连衣裙</a>
<a href="">T恤</a>
<a href="">衬衫</a>
<a href="">时髦外套</a>
<a href="">休闲外套</a>
<a href="">牛仔裤</a><br>
<a href="">无痕文胸</a>
<a href="">运动文胸</a>
<a href="">潮流家居服</a>
<a href="">百搭船袜</a>
</p>
<p><b>当季流行</b><span class="fa fa-angle-right"></span></p>
<p >
<a href="">夏季新品</a>
<a href="">商场同款</a>
<a href="">仙女连衣裙</a>
<a href="">T恤</a>
<a href="">衬衫</a>
<a href="">时髦外套</a>
<a href="">休闲外套</a>
<a href="">牛仔裤</a>
</p>
</div>
<div class="menu_right">
<a href=""><img src="static/images/3.jpg"></a>
<a href=""><img src="static/images/4.jpg"></a>
<a href=""><img src="static/images/5.jpg"></a>
<a href=""><img src="static/images/6.jpg"></a>
<a href=""><img src="static/images/3.jpg"></a>
<a href=""><img src="static/images/3.jpg"></a>
<a href=""><img src="static/images/3.jpg"></a>
<a href=""><img src="static/images/3.jpg"></a>
<a href=""><img src="static/images/3.jpg"></a>
<a href=""><img src="static/images/3.jpg"></a>
<a href=""><img src="static/images/3.jpg"></a>
<a href=""><img src="static/images/3.jpg"></a>
<a href=""><img src="static/images/3.jpg"></a>
<a href=""><img src="static/images/3.jpg"></a>
<a href=""><img src="static/images/5.jpg"></a>
<a href=""><img src="static/images/6.jpg"></a>
<a href=""><img src="static/images/5.jpg"></a>
<a href=""><img src="static/images/6.jpg"></a>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</body>
</html>