CSS：右對齊相對位置

Question

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

我想使用相對定位（不是浮點或絕對...元素需要保留在正常流程中），以將一些文本放在P元素中其父元素的右邊緣。目標是讓左側的列表項和右側的p元素中的文本。當然必須有一個簡單的方法。有什麼建議麼？

看到這個fiddle。

Answer 1

你不能用相對定位來做到這一點。雖然漂浮物將被取出正常流量，但它們可以被清除，就好像將它們保持在流動中一樣。 http://jsfiddle.net/MPLwv/

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