imgがdisplay：blockに設定されているとオペラに問題があります。ブロック

Question

これをチェックしてくださいjsfiddle。

私はこの問題をしばらく解決しようとしていましたが、良い解決策を見つけることができません。問題は、中心にあるメインのimgがOperaに関連すると考えられる高さを上回ることです。しかし、他のブラウザにはこのような問題はありません。

これを解決するには問題はありませんが、イメージ（私が含まれていないコード）にはさらに問題が生じます。

もう1つの解決策は、設定しないことです。#mainImg〜display:block;しかし、それはまた、いくつかの高さ/幅の問題を引き起こす。

質問には、これにはより良い解決策がありますか？ Operaは他のブラウザとは異なるレンダリングをしているのはなぜですか？

Answer 1

Operaは、近くに浮動小数点があるため、画像の親ブロックを何とか展開します。それは確かに、より良い調査が必要ですが、あなたができるクイックフィックスとして：ポイントはオフにしていますhttp://jsfiddle.net/js5Pk/2/

：http://jsfiddle.net/js5Pk/1/

またはそれにdisplay:inline-block; vertical-align:top;を追加します。

• overflow:hidden.to_thirdsにブロックを追加しますこのブロックのフローコンテキストでは、右浮動小数点が何らかの形で配置されないようにします。