使父子代的子级别浮动

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/