css样式表中,如何将一个DIV标签相对于另外一个DIV进行绝对定位
<divid="div1"></div><divid="div2"></div>需要将div2定位于div1的某个位置.div1长宽不确定.也可以相对定位,但需要看到di...
<div id="div1">
</div>
<div id="div2">
</div>
需要将div2定位于div1的某个位置.div1 长宽不确定.也可以相对定位,但需要看到div1的内容和div2的内容. 展开
</div>
<div id="div2">
</div>
需要将div2定位于div1的某个位置.div1 长宽不确定.也可以相对定位,但需要看到div1的内容和div2的内容. 展开
2个回答
展开全部
有几个方法:
一种:
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进行浮动后地位,
这种方法比第一种好,这里看你的需求了///
一种:
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进行浮动后地位,
这种方法比第一种好,这里看你的需求了///
追问
恩,就这种,div1和div2的样式怎么写?position:relative?
追答
我之前没有完全理解你的意思!
你所要求的:需要看到div1的内容和div2的内容,但必须是“绝对定位”这点做不到,CSS在目前为止是不可能完成!
如果不需要“绝对定位”,当为div2设置为float:right(或left)后,既可以可以看到div1有可以看到div2的内容。
不能做到的原因是:div2设置为position:absolute,他就脱离了标准流,可以在DIV1中随便定位!!但是,div1中的元素就当他不存在一样,内容会跑到它下面去!
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询