div导航栏设置
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>导航小菜单</title>
<link rel="shortcut icon" type="image/x-icon"href="images/favicon.ico">
<style tapy="text/css">
.box1{width:80px;height:20px;background:#ccc;line-height:20px;text-align:center;}
.main{width:80px;height:20px;background:blue;line-height:20px;text-align:center;display:none;}
.box1:hover .main{display:block}
div{width:80px;height:20px;background:#ccc;margin:0px 40px ;float:left}
</style>
</head>
<body>
<div class=box1> 导航1
<div class=main> 菜单</div>
</div>
<div class=box2> 导航2</div>
<div class=box3> 导航3</div>
</body>
</html>