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