文本对齐和绝对定位

Question

我想将第二个 div 中的文本对齐到第一个 div 的最右侧。通常用 text-align: right; 完成的事情然而，似乎绝对定位（我正在使用它，因此文本不会移动页面上的其他元素）不允许这样做。这两个 div 元素只是在页面左侧相互融合。

<div style=" color:#ffffff; position: absolute;">
Im on the left.
</div>
<div style=" color:#ffffff; position: absolute; text-align: right;">
I need to be on the right.
</div>

Answer 1

<div style=" color:#ffffff; position: absolute;top:0;left:20px;">
Im on the left.
</div>
<div style=" color:#ffffff; position: absolute; top:0;right: 20px;">
I need to be on the right.
</div>

试试这个，我希望它能正常工作，并确保父元素有 position: relative如果父元素没有 body