css - 使子div float 在父级的右边

Question

我想让内部 div float 在父级的右侧，不管父级的宽度如何。这看起来像一个例子在这里:http://jsfiddle.net/eqDyy/ .那个 fiddle 只是它应该是什么样子的一个例子。它是用给定的确切像素数完成的，但我正在寻找的是一种解决方案，即使父级宽度发生变化，它仍然可以让内部 div 出现在其父级的右侧。

以下是fiddle中使用的代码:

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

由于基于百分比的边距是根据包含 block 的宽度计算的，因此您可以将 margin-left 设置为 100%。

Example