一個孩子的div動態高度時的位置是相對

Question

這似乎是一個重複的問題，但不幸的是我沒有找到這個簡單的場景答案當Position是Relative。

我有兩個孩子的div父DIV：

<div id="content"> 
    <div id="content_rdivider">&nbsp;</div> 
    <div id="content_right"></div> 
</div> 

其中兩個父母和孩子的div有position:relative;

一個的jsfiddle例子是HERE

所以我的問題是幾乎像THIS問題，但在這裏的立場不是絕對的。

如何讓我的content_rdivider高度的div同父div的高度？

Answer 1

試試這個

http://jsfiddle.net/9c4MK/15/

CSS

#content { 
    position: relative; 
    background-color: #FFF; 
    width: 975px; 
    padding: 0px 0px 0px 0px; 
    background-repeat: no-repeat; 
    background-position: bottom left; 
    border: solid 1px #d7d7d7; 
    border-bottom: none; 
    margin-left: auto; 
    margin-right: auto; 
    direction: ltr; 
    overflow: hidden; 
    height: auto; 
    display: table; 
} 
#content_right { 
    width: 180px; 
    text-align: right; 
    display: table-cell; 
} 
#content_rdivider { 
    width: 10px; 
    text-align: center; 
    background-color: red; 
    position: relative; 
    height: 100%; 
    display: table-cell; 
}