ギャラリーのようなスタイルで浮かんでいる画像のリストがあります。この問題は、画像の 1 つが他の画像と同じサイズでない場合に発生します。私の例の 1 つを除いて、すべての画像は 235x187 ピクセルです。奇数画像の幅は 666px、高さは 530px です。リスト項目の固定幅は 235px に設定されており、画像の最大幅は 100% に設定されています。小さい画像と大きい画像の縦横比は同じです (小数点以下 4 桁まで)。
例でわかるように、最大幅はすべての画像を 235 ピクセルの幅に制限し、IE9 と IE8 (IE7 は問題ないようです) を除いてすべて問題ないように見えます。 . これは、大きい方の画像が他の画像と計算された高さが同じであるとブラウザが報告している場合でも発生します。
私の質問は次のとおりです: IE9 & 8 で何が起こっているのですか? それは丸めエラーですか、それともIEが大きな画像のcss幅を再計算した後にリストを再描画していないのですか?
jsFiddle で例を見てください: http://jsfiddle.net/99chG/1/