一個跨度在div內浮動 - 爲什麼IE中有一個新行？

Question

我有一個容器格內的跨度。我想跨度飄到右邊。 div和跨度內的內容應該在一行上。

在Firefox中，它就是這樣顯示的。

但在IE中，跨度顯示在新行：

http://i48.tinypic.com/etzg5f.png

爲什麼瀏覽器顯示不同的內容？

Answer 1

您應該將其他內容浮動到左側。所以有兩個花車;左和右。

另一種方法可以是在span上使用絕對位置，並在周邊div上使用位置absolute。然後，您可以放置​​位置（頂部，左側，右側和底部），並按照您的要求放置元素！

Answer 2

您可能會在.catalogSelection#top #rss樣式定義中指定寬度。將元素設置爲浮動時，它將其視爲塊級元素，並且既然您的現有文本未浮動，它將換行到下一行。無論是這個，還是你需要將你的Choose Catalog文本也浮動到左邊。或者如Kevin所言，您可以將Floated元素放置在非浮動元素的左側，但這對於屏幕閱讀器來說可能是個問題，因爲它在代碼中從左向右讀取，而且在語義上不正確。