幅を25%に設定すると、他のブラウザは正常に動作しますが、IE7の画像は落ちます。何か良い解決策はありますか_html/css_WEB-ITnose。

<div class="brand"><img  src="/static/imghwm/default1.png"  data-src="./images/fp_110.png"  class="lazy"   / alt="幅を25%に設定すると、他のブラウザは正常に動作しますが、IE7の画像は落ちます。何か良い解決策はありますか_html/css_WEB-ITnose。" ><img  src="/static/imghwm/default1.png"  data-src="./images/fp_111.png"  class="lazy"   / alt="幅を25%に設定すると、他のブラウザは正常に動作しますが、IE7の画像は落ちます。何か良い解決策はありますか_html/css_WEB-ITnose。" ><img  src="/static/imghwm/default1.png"  data-src="./images/fp_112.png"  class="lazy"   / alt="幅を25%に設定すると、他のブラウザは正常に動作しますが、IE7の画像は落ちます。何か良い解決策はありますか_html/css_WEB-ITnose。" ><img  src="/static/imghwm/default1.png"  data-src="./images/fp_113.png"  class="lazy"   / alt="幅を25%に設定すると、他のブラウザは正常に動作しますが、IE7の画像は落ちます。何か良い解決策はありますか_html/css_WEB-ITnose。" ><img  src="/static/imghwm/default1.png"  data-src="./images/fp_114.png"  class="lazy"   / alt="幅を25%に設定すると、他のブラウザは正常に動作しますが、IE7の画像は落ちます。何か良い解決策はありますか_html/css_WEB-ITnose。" ><img  src="/static/imghwm/default1.png"  data-src="./images/fp_116.png"  class="lazy"   / alt="幅を25%に設定すると、他のブラウザは正常に動作しますが、IE7の画像は落ちます。何か良い解決策はありますか_html/css_WEB-ITnose。" ><img  src="/static/imghwm/default1.png"  data-src="./images/fp_117.png"  class="lazy"   / alt="幅を25%に設定すると、他のブラウザは正常に動作しますが、IE7の画像は落ちます。何か良い解決策はありますか_html/css_WEB-ITnose。" ><img  src="/static/imghwm/default1.png"  data-src="./images/fp_118.png"  class="lazy"   / alt="幅を25%に設定すると、他のブラウザは正常に動作しますが、IE7の画像は落ちます。何か良い解決策はありますか_html/css_WEB-ITnose。" ></div>

.brand{	width: 100%;	overflow:hidden;	margin: 40px auto;}.brand img{	/* max-width: 200px; */	width: 25%;    height: 300px;	float:left;}

ディスカッションへの返信 (解決策)

*{margin:0;padding:0;}
これを追加して試してください

*{マージン:0; padding:0;}
これを追加してみてください

これがIE7で幅に25%のエラーが発生する理由のはずです。

IE6 がパーセンテージ幅を使用する場合、同様の丸めが発生しますが、IE7 では発生していないことに注意してください。

.brand img{vertical-align:top} これを試してください