Question

关于CSS position的定位问题

<div style="position:absolute;">

<div style="border-color:Black; border:solid 1px black; position:absolute; width:100px; height:100px; left:10px; top:10px;"></div>

<div style="border-color:Black; border:solid 1px black; position:relative; width:100px; height:100px; left:120px; top:10px; background-color:Gray;"></div>

<div style="border-color:Black; border:solid 1px black; position:absolute; width:100px; height:100px; left:230px; top:10px;"></div>

</div>

第一个div的position为absolute，这个是相对于body的定位。
第二，三，四个div, position为absolute，relative，absolute，但是为什么出来的效果是和position设置为absolute，absolute，absolute的显示效果一模一样的？

relative的基准到底是怎么定的？

Answer 1

大白话说这个才好理解，最外层的DIV无论怎么定位都是相对于整个页面的，定位之后在里面的DIV设置绝对定位，都是相对于最外面的DIV的

Answer 2

最外层加relative,再加absolute才可以用
<div style="position:relative">
<div style="position:absolute">
</div>
</div>

看了你的代码：第二，三，四个div的级是一样的

Answer 3

父节点relative表示他的子节点的absolute全部照着他的位置来