网站首页头部 跟导航
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<style type="text/css">
*{margin:0;padding:0}
li{list-style:none}
a {text-decoration:none }
.cen{ clear:both;}
.top{background: #9a4b4b; height: 35px;}
.top1{width: 1000px;margin: 0 auto; }
.top1 .left li{line-height:35px; }
.top1 .left li a{ color: #fff;}
.top1 .right li{line-height:35px; }
.top1 .right li a{ color: #fff;}
.lefou{float: left; padding-right: 10px;}
.refou{float: right;}
.lanmu{ display: none;width: 300px;height: 200px; ;position: absolute;background: #8a7f7f;}
.lm2{position: relative;}
.lm2:hover .lanmu{display: block;}
.logo{ height: 140px; width: 1170px;margin: 0 auto; }
.nav{ background: #e66e6e; }
.nav ul { width: 1000px;margin: 0 auto; }
.nav ul li{ float: left;padding-left: 15px; }
</style>
<body>
<div>
<div>
<div>
<div class="left lefou">
<li><a href="#">网站首页</a></li>
<li><a href="#">返回首页</a></li>
</div>
<div class="right refou">
<li><a href="#">收藏网站</a></li>
<li class="lefou lm2"><a href="#">网站栏目</a>
<div >
<ul>
<li>第三方</li>
<li>斯蒂芬</li>
<li>斯蒂芬</li>
</ul>
</div>
</li>
<li><a href="#">网站信息</a></li>
</div>
</div>
</div>
<div>
<img src="https://www.sogou.com/web/index/images/logo_440x140.v.4.png">
</div>
<div></div>
<div></div>
<dir>
<ul>
<li><a href="#">网站首页</a></li>
<li><a href="#">公司建设</a></li>
<li><a href="#">项目案例</a></li>
<li><a href="#">优势资源</a></li>
<li><a href="#">联系我们</a></li>
<li><a href="#">关于我们</a></li>
</ul>
</dir>
</div>
</body>
</html>