問題をクロスブラウザで解決する（フロート）

Question

イメージ（浮動小数点数）とdiv（浮動小数点数）の整列に問題があります。

それはIE7、およびGoogle Chromeで正常に動作しません

IE8、FirefoxとOperaの上で正常に動作します。

私は何が起こっているのか理解できません。

ご協力いただければ幸いです。

私は、HTMLの最初の右浮かべdiv要素を入れてみてくださいHERE

Answer 1

一つの可能​​な解決策は、あなたがフロートを追加することである：あなたのコードでは、それは次のようになり、適切な行であなたのイメージにプロパティを左：
$('#imgShow').css({ 'float':'left', 'width': '450px', 'height': '300px', 'margin_bottom': '4px', 'padding-bottom': '8px' });

私はGoogleのクロム（8.0でそれをテスト.552.208 beta、Ubuntu）、うまく動作していたようです。 希望に役立ちます。

Answer 2

にページをアップロードします。