css – 让子Div浮动父权

无论父级的宽度如何,我都希望在父级的内部div浮动.这看起来像这样的一个例子： 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;
}

同样,请记住,这只是为了展示我希望它看起来像什么,但它不是一个令人满意的实现,因为它使用特定的像素数量.

由于基于百分比的边距是根据包含块的宽度计算的,因此可以将margin-left设置为100％.

Example