ホームページ >ウェブフロントエンド >htmlチュートリアル >幅を25%に設定すると、他のブラウザは正常に動作しますが、IE7の画像は落ちます。何か良い解決策はありますか_html/css_WEB-ITnose。

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

WBOY
WBOYオリジナル
2016-06-24 11:29:131116ブラウズ

<div class="brand"><img src="./images/fp_110.png" /><img src="./images/fp_111.png" /><img src="./images/fp_112.png" /><img src="./images/fp_113.png" /><img src="./images/fp_114.png" /><img src="./images/fp_116.png" /><img src="./images/fp_117.png" /><img src="./images/fp_118.png" /></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} これを試してください

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。