放置在div的另一個div的底部，相對

Question

我有2個div，我希望他們中的一個出現在另一個div的底部。

<div class="div1"> 
<div class="div2"> 
</div> 
</div> 

的CSS代碼：

.div1 
{ 
position: relative; 
} 
.div2 
{ 
position: relative; 
bottom: 0; 
} 

出於某種原因Div2的出現在DIV1的頂部。 （更改絕對無助於因爲我希望div2在整個頁面調整大小時使用div1調整大小）。 我該怎麼辦？

Answer 1

你是正確的，但有根據您的CSS一個錯誤，HTML應該是這樣的：

<div id="div1"> 
    first div 
    <br /> 
    <br /> 
<div id="div2"> 
    second div 
</div> 
</div> 

http://jsfiddle.net/saidbakr/3uRuM/

Answer 2

你需要改變位置：在你內心的div是位置相對的：絕對而在一些寬度/高度添加了div：http://jsfiddle.net/H7kq6/1/

.div1 
{ 
position: relative; 
    background:pink; 
    height:100px; 
    width:200px; 
} 
.div2 
{ 
    background:#ccc; 
position: absolute; 
bottom: 0; 
    height:10px; 
    width:200px; 
}