作业帮 > 综合 > 作业

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

来源:学生作业帮 编辑:作业帮 分类:综合作业 时间:2024/05/14 06:12:34
css样式表中,如何将一个DIV标签相对于另外一个DIV进行绝对定位




需要将div2定位于div1的某个位置.div1 长宽不确定.也可以相对定位,但需要看到div1的内容和div2的内容.
有几个方法:
一种:
div1设置为position:relative,
div2设置为position:absolute,
此时的div2就相对于div1进行基准定位了.
因为绝对定位position:absolute,不在标准流中,所以内联元素不知到他的位置,会跑到他的下面去.这里就看你需要什么样式了,如果简单的可以用padding和margin配合完成,让内联元素出来.但屏幕缩小放大就变形了.
二种,
就是你改写一下你的HTML

把div2放到div1里面,里面设置为float,再position:relative进行浮动后地位,
这种方法比第一种好,这里看你的需求了///
再问: 恩,就这种,div1和div2的样式怎么写?position:relative?
再答: 我之前没有完全理解你的意思! 你所要求的:需要看到div1的内容和div2的内容,但必须是“绝对定位”这点做不到,CSS在目前为止是不可能完成! 如果不需要“绝对定位”,当为div2设置为float:right(或left)后,既可以可以看到div1有可以看到div2的内容。 不能做到的原因是:div2设置为position:absolute,他就脱离了标准流,可以在DIV1中随便定位!!但是,div1中的元素就当他不存在一样,内容会跑到它下面去!