css - 使子 div 浮动父级的权利

Question

我想让一个内部 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;
}

同样，请记住，这只是为了展示我希望它的外观，但它不是一个令人满意的实现，因为它使用特定的像素数量。

Answer 1

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

例子

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/