我有一个论坛标题栏（带有论坛名称和主题标题）。论坛名称较长时，会在:hover 上剪裁和显示。目标是让主题标题在论坛名称旁边开始，无论是否悬停，并且在太长时也被剪掉。
以下reduced test case 在 Chrome 和 FF 中有效，但在 Opera 中无效（在 11.50 alpha 和最新稳定版上测试，均在 mac 上）。
正确的行为：主题标题（带有红色轮廓的）与论坛名称一致。
我在 Opera 中得到的信息：文本消失了 - 实际上在 .nav_bar 上被 overflow:hidden 隐藏，它被移到下一行。
【问题讨论】：
display: inline-block; float: left 不合逻辑，因为float: left forces display: block。
由于您使用white-space: nowrap，我将保留display: inline-block并删除float: left。
这让我们来到这里：http://jsfiddle.net/wkA7q/4/
它现在始终可见，但文本在大多数浏览器中未对齐。
要解决这个问题，请多次添加vertical-align: top：http://jsfiddle.net/wkA7q/5/
这在 Chrome、Firefox、Opera、IE9/8 之间有效且一致。
（我意识到我在这里并没有真正解决 Opera 显示不同的原因。虽然display: inline-block; float: left 确实相互冲突，但结果已经很明确了。）
【讨论】：