html - Chrome での配置の問題 (他のブラウザは正常に動作します)

Question

それを説明するために 3 つのスクリーンショットを作成しました。3 つすべてを見てから、最後のリンクをクリックしてください。

ご覧のとおり、Chrome は要素 #4 (class=".newsline2") を押し下げています。

Firefox と IE9 では問題なく表示されます。

誰かがこの問題を解決するのを手伝ってくれますか? 私は何を間違っていますか？

Answer 1

次のように CSS ルール「.contentContainer h2」に高さを追加します。

.contentContainer h2 {
height: 16px;
...
...
}

Answer 2

要素が絶対的な場合、適切な幅と高さ、および上下左右の位置が必要です。height: 16pxauto の代わりに追加します。Chromeでも動作します。

Answer 3

これを追加してみてください：

.newsline2 { position: absolute; right:0; top:0; }

float:right現在使用している代わりに。