当把宽度设为25%时,其他浏览器正常,IE7图片会掉下来,有没有好的解决方法_html/css_WEB-ITnose
Jun 24, 2016 am 11:29 AM
<div class="brand"><img src="/static/imghw/default1.png" data-src="./images/fp_110.png" class="lazy" / alt="当把宽度设为25%时,其他浏览器正常,IE7图片会掉下来,有没有好的解决方法_html/css_WEB-ITnose" ><img src="/static/imghw/default1.png" data-src="./images/fp_111.png" class="lazy" / alt="当把宽度设为25%时,其他浏览器正常,IE7图片会掉下来,有没有好的解决方法_html/css_WEB-ITnose" ><img src="/static/imghw/default1.png" data-src="./images/fp_112.png" class="lazy" / alt="当把宽度设为25%时,其他浏览器正常,IE7图片会掉下来,有没有好的解决方法_html/css_WEB-ITnose" ><img src="/static/imghw/default1.png" data-src="./images/fp_113.png" class="lazy" / alt="当把宽度设为25%时,其他浏览器正常,IE7图片会掉下来,有没有好的解决方法_html/css_WEB-ITnose" ><img src="/static/imghw/default1.png" data-src="./images/fp_114.png" class="lazy" / alt="当把宽度设为25%时,其他浏览器正常,IE7图片会掉下来,有没有好的解决方法_html/css_WEB-ITnose" ><img src="/static/imghw/default1.png" data-src="./images/fp_116.png" class="lazy" / alt="当把宽度设为25%时,其他浏览器正常,IE7图片会掉下来,有没有好的解决方法_html/css_WEB-ITnose" ><img src="/static/imghw/default1.png" data-src="./images/fp_117.png" class="lazy" / alt="当把宽度设为25%时,其他浏览器正常,IE7图片会掉下来,有没有好的解决方法_html/css_WEB-ITnose" ><img src="/static/imghw/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;}
加这个试下
*{margin:0;padding:0;}
加这个试下
记得IE6用百分比宽度的话会有类似四舍五入的,IE7没遇到过。
.brand img{vertical-align:top}这样试一下

Heißer Artikel

Hot-Tools-Tags

Heißer Artikel

Heiße Artikel -Tags

Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6
Visuelle Webentwicklungstools

SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Heiße Themen

Schwierigkeiten bei der Aktualisierung der Zwischenspeicherung offizieller Konto -Webseiten: Wie vermeiden Sie den alten Cache, der sich auf die Benutzererfahrung nach der Versionsaktualisierung auswirkt?

Wie verwende ich HTML5 -Formularvalidierungsattribute, um die Benutzereingabe zu validieren?

Was ist der Zweck des & lt; iframe & gt; Etikett? Was sind die Sicherheitsüberlegungen bei der Verwendung?

Wie füge ich PNG -Bildern auf Webseiten effizient Schlaganfalleffekte hinzu?

Was ist der Zweck des & lt; Meter & gt; Element?

Was ist der Zweck des & lt; datalist & gt; Element?

Was ist der Zweck des & lt; Fortschritts & gt; Element?

Was sind die besten Praktiken für die Kompatibilität des Cross-Browsers in HTML5?
