2012-09-30 76 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