效果:
http://115.159.53.185/test/vip/
html:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/header.css" />
<link rel="stylesheet" href="css/classify.css" />
<link rel="stylesheet" href="css/banner.css" />
<link rel="stylesheet" href="css/content.css" />
<link rel="stylesheet" href="css/navRight.css" />
</head>
<body>
<div class="navBox">
<div class="nav">
<ul class="navList">
<li class="navItem area"><a>北京</a></li>
<li class="navItem"><a>更多</a></li>
<li class="navItem"><a>手机版</a><span>/</span></li>
<li class="navItem"><a>客户服务</a><span>/</span></li>
<li class="navItem"><a>会员俱乐部</a><span>/</span></li>
<li class="navItem"><a>我的收藏</a><span>/</span></li>
<li class="navItem"><a>我的订单</a><span>/</span></li>
<li class="navItem"><a>注册</a><span>/</span></li>
<li class="navItem"><a>请登录</a><span>/</span></li>
</ul>
</div>
</div>
<div class="header">
<img src="img/logo.png" class="logo"/>
<img src="img/package.png"/>
<img src="img/sendBack.png"/>
<img src="img/7days.png"/>
<img src="img/100good.png"/>
</div>
<div class="classify">
<ul class="classList">
<li class="classItem">首页</li>
<li class="classItem">唯品国际</li>
<li class="classItem">母婴</li>
<li class="classItem">居家</li>
<li class="classItem">男士</li>
<li class="classItem">美妆</li>
<li class="classItem">生活</li>
<li class="classItem">金融</li>
<li class="classItem">更多</li>
<li cla