我有一个论坛标题栏（有论坛名称和主题标题）。论坛名称，如果很长，将被:hover剪切并显示。目标是让帖子标题在论坛名称旁边开始，不论是否悬停，还是在太长时间内剪裁。
以下reduced test case适用于Chrome和FF，但不适用于Opera（在11.50 alpha测试，最新稳定，在Mac上测试）。
正确的行为：主题标题（红色轮廓的标题）与论坛名称一致。
我在Opera中获得了什么：文字消失了 - 实际上overflow:hidden隐藏了.nav_bar，它会移到下一行。
答案 0 :(得分：5)
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确实相互冲突，但结果已明确定义。）