Maison >interface Web >tutoriel HTML >当把宽度设为25%时,其他浏览器正常,IE7图片会掉下来,有没有好的解决方法_html/css_WEB-ITnose

当把宽度设为25%时,其他浏览器正常,IE7图片会掉下来,有没有好的解决方法_html/css_WEB-ITnose

WBOY
WBOYoriginal
2016-06-24 11:29:131116parcourir

<div class="brand"><img  src="./images/fp_110.png" / alt="当把宽度设为25%时,其他浏览器正常,IE7图片会掉下来,有没有好的解决方法_html/css_WEB-ITnose" ><img  src="./images/fp_111.png" / alt="当把宽度设为25%时,其他浏览器正常,IE7图片会掉下来,有没有好的解决方法_html/css_WEB-ITnose" ><img  src="./images/fp_112.png" / alt="当把宽度设为25%时,其他浏览器正常,IE7图片会掉下来,有没有好的解决方法_html/css_WEB-ITnose" ><img  src="./images/fp_113.png" / alt="当把宽度设为25%时,其他浏览器正常,IE7图片会掉下来,有没有好的解决方法_html/css_WEB-ITnose" ><img  src="./images/fp_114.png" / alt="当把宽度设为25%时,其他浏览器正常,IE7图片会掉下来,有没有好的解决方法_html/css_WEB-ITnose" ><img  src="./images/fp_116.png" / alt="当把宽度设为25%时,其他浏览器正常,IE7图片会掉下来,有没有好的解决方法_html/css_WEB-ITnose" ><img  src="./images/fp_117.png" / alt="当把宽度设为25%时,其他浏览器正常,IE7图片会掉下来,有没有好的解决方法_html/css_WEB-ITnose" ><img  src="./images/fp_118.png" / 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;}
加这个试下

*{margin:0;padding:0;}
加这个试下

已经加了,这个应该是IE7对宽25%有误差的原因。

记得IE6用百分比宽度的话会有类似四舍五入的,IE7没遇到过。

.brand img{vertical-align:top}这样试一下

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn