CSS:右对齐相对定位

Question

<div id="container">
<ul>
    <li>one</li>
    <li>two</li>
</ul>
<p class="inline-block">hello world</p>
</div>

我想使用相对定位(不是 float 定位或绝对定位……元素需要在此处保持正常流动)将 P 元素中的一些文本放置在其父元素的右边缘。目标是让列表项位于左侧，p 元素中的文本位于右侧。当然必须有一个简单的方法。有什么建议吗？

查看此 fiddle .

Answer 1

你不能用相对定位来做到这一点。虽然 float 将从正常流中取出，但可以清除它们，就好像要将它们保留在流中一样。 http://jsfiddle.net/MPLwv/

ul {
    float: left;
}
p {
    float: right;
}
div:after {
    content: '';
    display: table;
    clear: both; /*Cleared!*/
}