Firefox：下拉列表中的浮动元素显示错误

Question

请参阅此处：codepen.io/arnaudfabs/pen/waXWJL enter code here

我正在使用Zurb Foundation 5来构建一个大型菜单。我需要每个产品在同一行上的商品名称及其价格。

我为价格添加了 span float right ，它在Chrome和IE上显示得很好。

在Firefox中，价格超出了 li标签，甚至无法点击。

见图片：

不可：

为：

有关该怎么办的任何想法？谢谢！

Answer 1

删除white-space: nowrap;上的样式.top-bar-section .dropdown li a似乎可以解决您在FireFox中的问题。

或者只是覆盖它：

.top-bar-section .dropdown li a{
    white-space: normal;
}