在div内浮动的跨度 - 为什么IE中的新行？

Question

我在容器div中有1个span。我希望跨度向右浮动。 div和span中的内容应该在一行上。

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

但是在IE中，跨度显示在一个新行上：

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

为什么浏览器会以不同的方式显示内容？

Answer 1

您应该将其他内容浮动到左侧。所以有两个花车;左右。

另一种方法可能是在跨度上使用绝对位置，并在周围的div上使用相对位置。然后你可以放置位置（顶部，左侧，右侧和底部）并按要求定位元素！

Answer 2

您可能会在.catalogSelection#top #rss样式定义中指定宽度。将元素设置为float时，将其视为块级元素，并且由于现有文本未浮动，因此它将换行到下一行。要么是这个，要么你需要将你的Choose Catalog文本浮动到左边。或者正如凯文建议的那样，你可以将你的Floated元素放在非浮动元素的左边，但这对于屏幕阅读器来说可能是一个问题，因为它在你的代码中从左到右读取，并且在语义上不正确。