html - Firefox CSS 空白 :nowrap not being honoured

Question

我有一个带有下拉菜单的导航菜单，在该下拉菜单中可以有一个不确定的数字 <ul>需要坐在彼此左边，父 li 的增长和收缩取决于 <ul> 的数量。 .

这在 chrome 中工作正常但在 Firefox 中 <ul>坐在彼此下面，我做错了什么？

这是一个 fiddle ，可以看到下拉菜单悬停在品牌上

http://jsfiddle.net/QUK8C/

Answer 1

li 向左浮动，它们不受 white-space 的影响，您应该改用 display:inline-block。

nav ul.dropdown > li {
    display: inline-block;
}