意思就是当鼠标悬浮在div1上时，div1下的子元素（该子元素使用了div标签）的样式为block，默认是不显示的
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html" charset="utf-8">
<script type="text/javascript" src="myfocus-1.2.3.full.js"></script><!--引入myFocus库-->
<title>无标题文档</title>
</head>
<style type="text/css">
.div1{position:relative}
.div1:hover >div{display:block}
.div2{display:noneposition:absoluteleft:0pxtop:10px}
</style>
<body>
<div class="div1">
<p>1级菜单</p>
<div class="div2">
<p>2级菜单</p>
<p>2级菜单</p>
<p>2级菜单</p>
</div>
</div>
</body>
这是因为你写的代码不兼容造成的！如果你这个二级菜单是什么标签做成的？如果不是DIV或者其他的话，建议用区块来做！
你没有贴代码，但据我的经验来看，你导航应该是直接插入的图片，不是用的背景图片，所以你的图片会掉下来，因为图片本身为内联块，会占用一部分空间，建议给插入的每一张图片在CSS中转换为区块：display:block或者display:inline-block
如果不想在CSS中设置样式，可以把图片的代码全部写成一行即可！
希望帮助到你！
看了你对css的选择符不清晰啊！
首先看你的html结构：
红色框是你做滑动事件触发用的，绿色框是你滑动要显示出来的，继续往下看
在看看你的css结构：
你用的是包含选择符，当滑过a（.father）时显示.father里面的div（.box），你的HTML结构中他们两是平级的，a（.father）根本没有包含div（.box）
小结：我是给你分析原因，你可以改下css的写法
