在div內浮動的跨度 - 為什么IE中的新行？

Question

我在容器div中有1個跨度。 我希望跨度向右浮動。 div和span中的內容應該在一行上。

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

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

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

為什么瀏覽器以不同的方式顯示內容？

Answer 1

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

另一種方法可能是在跨度上使用絕對位置，並在周圍的div上使用相對位置。 然后你可以放置位置（頂部，左側，右側和底部）並按要求定位元素！

Answer 2

您可以通過在.catalogSelection#top #rss樣式定義中指定寬度來.catalogSelection#top #rss 。 將元素設置為float時，將其視為塊級元素，並且由於現有文本未浮動，因此它將換行到下一行。 要么是這個，要么你需要將Choose Catalog文本浮動到左側。 或者正如凱文建議的那樣，你可以將你的Floated元素放在非浮動元素的左邊，但這對於屏幕閱讀器來說可能是一個問題，因為它在你的代碼中從左到右讀取，並且在語義上不正確。