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进行浮动后地位，这种方法比第一种好，这里看你的需求了///

Answer 2

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

Answer 3

把div2放在div1里，div1使用相对定位，div2使用绝对定位。<div id="div1"><div id="div2"></div></div>具体点的代码查手册，主要设置div2的top值和left值，自己试想要的效果。