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%。

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/

让子Div浮动父权

2 个答案: