如何在浮动父母中定位绝对定位的div？

Question

我尝试将arrow div放置在浮动div [{1}}的边缘，因此我将绝对位置设为right并保留为0。

我知道绝对位置不会出现在静态流中，它与其他人不同。甚至认为它应该按照父母的意愿服从左边的价值，不是吗？

为什么在js arrow arrow未放置在right div的边界而不是放在外部div

HTML

<div id="wrapper">
<div id="right">
    <div id="arrow">
      arr
    </div>
</div>
</div>

CSS

#wrapper{
    width:500px;
    height:500px;
    border:2px solid green;
}
#right {
    float:right;
    width:250px;
    height:250px;
    border:2px solid green;

}
#arrow {
    position:absolute;
    background-color:blue;
    color:white;
    left:0;
}

Answer 1

你必须做位置：亲戚;在其父ID =“right”。

Relavant link on position

Answer 2

#right {
    ...
    position:relative;
}

请参阅：http://jsfiddle.net/3tAnA/1/

Answer 3

http://jsfiddle.net/3tAnA/2/

我将#arrow改为

right:0;

而不是左。

并增加位置：相对; #right。