在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>