ホームページ >ウェブフロントエンド >htmlチュートリアル >幅を25%に設定すると、他のブラウザは正常に動作しますが、IE7の画像は落ちます。何か良い解決策はありますか_html/css_WEB-ITnose。
<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;}
これを追加してみてください
IE6 がパーセンテージ幅を使用する場合、同様の丸めが発生しますが、IE7 では発生していないことに注意してください。
.brand img{vertical-align:top} これを試してください