一个跨度在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元素放置在非浮动元素的左侧，但这对于屏幕阅读器来说可能是个问题，因为它在代码中从左向右读取，而且在语义上不正确。