Question

怎么让一个DIV相对于另一个元素定位，并且在最上层？

就是鼠标在用户头像时，一个 div（包含用户的详细信息。开始div隐藏，已包含用户的信息。鼠标移除有隐藏）在头像的右边显示出来，而且不影响其它的格式。注（div在最上层，像覆盖在其它的元素之上）。
我就是定位不好，而且老影响到其它 的div。
如：<img>头像标签 。 <div>用户详细信息，求大神赐教！急
<img></img>
<div></div>

Answer 1

<div class="userpic">
    <img src="用户头像" />
    <div class="userinfo hide">
        用户详细信息
    </div>
</div>

css

.userpic{position:relative;width:100px;height:100px;}
.userinfo{position:absolute;z-index:99;left:100px;top:0;}
.hide{display:none;}