为了账号安全,请及时绑定邮箱和手机立即绑定

css样式表中,如何将一个DIV标签相对于另外一个DIV进行绝对定位

css样式表中,如何将一个DIV标签相对于另外一个DIV进行绝对定位

饮歌长啸 2019-04-27 19:56:32
<div id="div1"></div> <div id="div2"></div>需要将div2定位于div1的某个位置.div1 长宽不确定.也可以相对定位,但需要看到div1的内容和div2的内容.
查看完整描述

3 回答

?
胡子哥哥

TA贡献1825条经验 获得超6个赞

有几个方法:
一种:
div1设置为position:relative,
div2设置为position:absolute,
此时的div2就相对于div1进行基准定位了。。。
因为绝对定位position:absolute,不在标准流中,所以内联元素不知到他的位置,会跑到他的下面去。。。这里就看你需要什么样式了,如果简单的可以用padding和margin配合完成,让内联元素出来。。但屏幕缩小放大就变形了。。
二种,
就是你改写一下你的HTML
<div id="div1">
<div id="div2"></div>
</div>
把div2放到div1里面,里面设置为float,再position:relative进行浮动后地位,
这种方法比第一种好,这里看你的需求了///

查看完整回答
反对 回复 2019-04-27
?
尚方宝剑之说

TA贡献1788条经验 获得超4个赞

我之前没有完全理解你的意思!
你所要求的:需要看到div1的内容和div2的内容,但必须是“绝对定位”这点做不到,CSS在目前为止是不可能完成!
如果不需要“绝对定位”,当为div2设置为float:right(或left)后,既可以可以看到div1有可以看到div2的内容。
不能做到的原因是:div2设置为position:absolute,他就脱离了标准流,可以在DIV1中随便定位!!但是,div1中的元素就当他不存在一样,内容会跑到它下面去!


查看完整回答
反对 回复 2019-04-27
?
慕丝7291255

TA贡献1859条经验 获得超6个赞

把div2放在div1里,div1使用相对定位,div2使用绝对定位

<div id="div1">
<div id="div2">
</div>
</div>

具体点的代码查手册,主要设置div2的top值和left值,自己试想要的效果。

查看完整回答
反对 回复 2019-04-27
  • 3 回答
  • 0 关注
  • 1096 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信