怎么相对一个DIV 定位另一个DIV
5个回答
展开全部
<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;}
<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;}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<div style="position:relative;其他属性自己设置吧">
<div style=" position:absolute">
这是相对定位的那个div。
<dl class="A"><dt>这个是可以显示的，如：AAA</dt>
<dd>这个默认是隐藏的，鼠标放到上面的AAA，这个就会显示了。鼠标离开后就隐藏了。 </dd>
<dl>
</div>
</div>
<style type="text/css">
.A{}
.A dt{}
.A dd{display:none}
.A:hover dd{display:block;}
/*不用JS，仅使用CSS就能隐藏、显示元素的一种方式*/
</style>
<div style=" position:absolute">
这是相对定位的那个div。
<dl class="A"><dt>这个是可以显示的，如：AAA</dt>
<dd>这个默认是隐藏的，鼠标放到上面的AAA，这个就会显示了。鼠标离开后就隐藏了。 </dd>
<dl>
</div>
</div>
<style type="text/css">
.A{}
.A dt{}
.A dd{display:none}
.A:hover dd{display:block;}
/*不用JS，仅使用CSS就能隐藏、显示元素的一种方式*/
</style>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<head>
<style>
ul,li{
padding:0;
margin:0;
list-style:none;
}
#div_left{
float:left;
}
li:hover{
cursor:pointer;
color:blue;
text-decoration:underline;
}
#down_div {
float: left;
margin-left: 80px;
position: relative;
text-align: right;
}
#down_div:hover>#down_ul{
display:block;}
#down_ul {
border: 1px solid #808080;
display: none;
left: 0;
padding: 4px;
position: absolute;
width: 80px;
}
li {
color: #808080;
cursor: default;
font-size: 12px;
}
</style>
</head>
<body>
<div id="div_left"><span style="font-weight: bold; font-size: 13px; color: rgb(100, 53, 216);">sunge上传了新照片:</span><span style="color: highlight; font-size: 13px; margin-left: 10px;">不需要言语</span></div>
<div id='down_div'><img class='sjxImg' src="三角形图片地址"/>
<ul id='down_ul'>
<li>隐藏此人动态</li>
<li>隐藏此类动态</li>
</ul>
</div>
</body>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
定位这玩意只有根据自身定位的position:relative和根据父代有定位的元素或者浏览器定位的position:absolute。鼠标离开隐藏这玩意需要JS，刚开始把字用display:none隐藏了，然后编写三角形的onmouseover事件，让他在经过的时候用display:block显示字，然后再对三角形编写一个onmouseout事件，让他离开之后隐藏掉字。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你看一下这个应该可以帮到你
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
