html - 删除 css 绝对位置，同时保持元素内联

Question

如何在不使用绝对定位跨度的情况下完成此操作？

<div>
 <span style="position: absolute; right: 5px;">[details]</span>
 <div style="background-color: White;">
  <span style="white-space: pre;">foo: !         Bar: ?</span>
 </div>
</div>

position: absolute; 导致显示错误，需要调整。如何更改此标记以显示与此处相同的内容:http://jsfiddle.net/yHHAL/但不使用 position: absolute;？如果需要，可以更改元素的顺序。

Answer 1

使用 float: right 代替您的 position: absolute。

http://jsfiddle.net/Wexcode/xtzzq/