2012-09-30 45 views
0

如何在不使用绝对定位跨度的情况下完成此操作?删除css位置绝对值,同时保持元素内联

<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;?如果必须,元素的顺序可能会改变。

回答

1

使用float: right而不是您的position: absolute

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

+0

我的印象是'float'隐式使用'position:absolute;'。但是,这在ie8,ff,chrome和safari中测试时很有用,所以对我来说已经足够了。 –

+1

编号'position:absolute'从页面流中移除元素,类似于'display:none'所做的操作。浮游物告诉周围的元素在它们周围流动。 – cimmanon