如何將絕對定位的div放置在浮動父級中？

Question

我試圖位置浮動DIV right邊緣的arrow格，所以我給出的絕對位置arrow和左爲0

我知道絕對位置不會是靜態的流動，這是從不同其他。甚至認爲它應該服從父母的左值，不是嗎？

爲什麼在js的arrow沒有放置在right格邊界，而它的外層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

將你必須做位置：親戚;在它的父母身份證號=「右」。

Relavant link on position

Answer 2

#right { 
    ... 
    position:relative; 
} 

看到這個：http://jsfiddle.net/3tAnA/1/

Answer 3

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

我改變#arrow到

right:0; 

，而不是離開。

並添加位置：相對;在右邊。