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

Question

<div id="div1">
</div>
<div id="div2">
</div>
需要将div2定位于div1的某个位置.div1 长宽不确定.也可以相对定位，但需要看到div1的内容和div2的内容.

Answer 1

有几个方法：
一种：
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中的元素就当他不存在一样，内容会跑到它下面去！

本回答被提问者采纳

Answer 2

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

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

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