CSS:右对齐与相对定位 一个 两个 你好,世界

CSS:右对齐与相对定位 一个 两个 你好,世界,css,Css,我想使用相对定位(不是浮动或绝对…元素需要保持正常流动)将p元素中的一些文本放置在其父元素的右边缘。目标是使列表项位于左侧,p元素中的文本位于右侧。当然,必须有一个简单的方法。有什么建议吗 看看这个。相对定位是做不到的。虽然浮子将从正常流量中取出,但可以将其清除,就像将其保留在流量中一样 浮动有什么问题?内容从正常流中取出。 <div id="container"> <ul> <li>one</li> <l

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


看看这个。

相对定位是做不到的。虽然浮子将从正常流量中取出,但可以将其清除,就像将其保留在流量中一样


浮动有什么问题?内容从正常流中取出。
<div id="container">
<ul>
    <li>one</li>
    <li>two</li>
</ul>
<p class="inline-block">hello world</p>
</div>
ul {
    float: left;
}
p {
    float: right;
}
div:after {
    content: '';
    display: table;
    clear: both; /*Cleared!*/
}