需要在指定位置，用绝对定位。
如果直接写position:absolute，top:0;left:0，那就是以浏览器的左上角为参照了
现在需要在某一个指定位置用绝对定位
解决方法
在需要用绝对定位（position:absolute）的层之外，加一个相对定位的层（position:relative），作为参照
需要注意的是，必须以最近并且有（position:relative）的层作为参照，只能是父级，不能是爷爷级
<span class="nav_one"><a href="#" class="btn-weibo pngFix "> </a> <span class="nav_two"> <img src="/images/weibo.jpg" /> </span> </span>
<style> .nav_one{position:relative;float:left;} .nav_one span.nav_two{ display:none; position:absolute;z-index:1000;top:30px;left:-20px}
</style>
<script type="text/javascript"> $(function () { $(".nav_one").hover(function () { $(this).children(".nav_two").slideDown(200); }, function () { $(this).children(".nav_two").slideUp(50); }); }); </script>
效果如下
position:absolute，绝对定位和相对定位，JQ隐藏和显示
原文：http://www.cnblogs.com/qigege/p/4843665.html