在css中定位div的問題

Question

我遇到了css問題。 我有（父母）div和裏面，另一個（孩子）div。 我想要內部（子）div對齊（父）div的右上角。

<div id="parent"> 

    <div id="child"> 
    </div> 

</div> 

我需要這樣的東西：

#child{ 
    position: absolute; 
    top: 0; 
    right 0; 
} 

但這CSS代碼把我的 「孩子」 的div到body元素的右上角！

請幫忙，TNX！ :)

Answer 1

您的父容器需要設置爲相對定位。

#parent {position:relative} 
#child {position:absolute; top:0; right:0} 

Answer 2

設置#parent的風格position: relative

Answer 3

#parent{ 
background-color:#FF0000; 
    position: absolute; 
    height:200px; 
    width:500px; 
} 


#child{ 
background-color: #3300FF; 
    position: absolute; 
    height:50px; 
    width:100px; 
    top: 0; 
    right:0; 
} 

<div id="parent" >div1 
    <div id="child">DIV2 
    </div> 
</div> 

Answer 4

#child{ 
    float:right; 
} 

<div id="parent" >Parent 
    <div id="child">Child 
    </div> 
    <div style="clear:both;"></div> 
</div>