文字对齐和绝对定位

Question

我想将第二个div中的文本对齐到第一个div的最右侧。 通常用text-align来完成： 但是，似乎绝对定位（使用该定位是为了使文本不会在页面上移动其他元素）绝对不允许这样做。 这两个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如果parent不是body则为position: relative