参见此处:codepen.io/arnaudfabs/pen/waXWJL enter code here

我正在使用Zurb Foundation 5构建大型菜单。对于每种产品,我需要在同一行上输入商品名称和价格。

我为价格添加了一个跨度浮动,并且在Chrome和IE上显示良好。

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

看图片:

好:


坏:


对做什么有什么想法?谢谢!

最佳答案

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

或像这样覆盖它:

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

关于css - Firefox:下拉菜单中的 float 元素显示错误,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/31391391/

10-10 00:01
查看更多