浮动导航仿制
<!DOCTYPE html>
<html>
<head>
<title>浮动</title>
<meta charset="utf-8">
<style type="text/css">
*{margin: 0;padding: 0;}
.l{float: left; }
.clear{clear:none;}
ul li{list-style: none;}
.header{width: 1600px;height: 60px;background: #000;color: #fff;}
.logo{width: 70px;height: 40px;}
.box{margin: 20px 30px;}
.new{margin-top: 20px;margin-left: 120px;}
</style>
</head>
<body>
<div class="header">
<div class="logo l">
<img src="http://ph7.shengqianku.cn/logo.jpg">
</div>
<div class="clear"></div>
<div >
<ul class="main ">
<li class="new l">首页</li>
<li class="box l">视频教程</li>
<li class="box l">社区问答</li>
<li class="box l">技术文章</li>
<li class="box l">编程词典</li>
<li class="box l">资源下载</li>
<li class="box l">菜鸟学堂</li>
</ul>
</div>
</div>
</body>
</html>