使父子代的子級別浮動

Question

無論父級的父級的寬度如何，我想要使父級的子級浮動權利爲。下面是一個例子：http://jsfiddle.net/eqDyy/。那小提琴只是它應該看起來像的一個例子。它是用給定的像素的確切數量完成的，但是我正在尋找的是一個解決方案，它仍然可以讓內部div顯示在其父級的右側，即使父級寬度發生變化也是如此。

以下是在小提琴使用的代碼：

HTML

<div id="one"> 
    <div id="two"></div> 
</div> 

CSS

#one { 
    border:2px solid #ddd; 
    width:150px; 
    height:30px; 
} 
#two { 
    border:2px solid #ddd; 
    width:150px; 
    height:30px; 
    margin-left:150px; 
    margin-top:-2px; 
} 

再次，請記住，這只是說明我想它看起來像，但它不是一個令人滿意的實現，因爲它使用了特定的像素量。

Answer 1

由於基於百分比的利潤率是根據包含塊的寬度計算的，因此您可以將margin-left設置爲100%。

Example

Answer 2

#one { 
    border:2px solid #ddd; 
    width:150px; 
    height:30px; 
} 
#two { 
    border:2px solid #ddd; 
    width:50px; 
    height:30px; 
    margin-left:150px; 
    margin-top:-2px; 
    float:right; 
} 

我改變#two一點點向您展示結果。

http://jsfiddle.net/eqDyy/3/