Operaに固有のレイアウト問題（浮動小数点数）

Question

フォーラムタイトルバー（フォーラム名とスレッドタイトル）があります。フォーラムの名前は、長い間、クリップされ、:hoverに公開されます。目的は、スレッド名をフォーラム名の次に開始するか、ホバリングするかどうか、また長すぎる場合は切り捨てるようにすることです。

次のreduced test caseは、ChromeとFFでは動作しますが、Operaでは動作しません（11.50 alphaでテストされ、最新の安定したMacで動作します）。

正しい動作：スレッドタイトル（赤いアウトラインのあるもの）は、フォーラム名と一致しています。私はオペラの中で何を得る

は：テキストがなくなっている - 実際に.nav_barにoverflow:hiddenによって隠され、それが次の行に移動します。

Answer 1

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の、オペラ、IE9/8の間で一貫性のある

。

（私は本当にオペラがここに異なった表示の理由に対処ませんよということを理解。display: inline-block; float: leftが互いに競合しないが、結果が明確に定義されている。）