【ie8bug】img设置max-width:100%,外层浮动，图片消失

icesschen

于 2016-09-05 20:30:24 发布

阅读量3.7k

点赞数 2

分类专栏： css

本文链接：https://blog.csdn.net/icesschen/article/details/52443351

版权

css 专栏收录该内容

7 篇文章

订阅专栏

在IE8浏览器中，当为img元素设置max-width:100%并将其父元素设为浮动时，图片可能会消失。此问题涉及到IE8的布局和渲染特性。解决方法通常包括使用`display: block`或添加`width: 100%`来调整img样式，以确保图片在浮动父元素中正确显示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<div class="con">
   
   
    
    
    
    	<img src="img/1.jpg" width="100" height="100" alt=""/>
   
   
   
   
    
    </div>
   
   
   
   
    
    <div class=con2
    
    >
   
   
   
   
    
     	内容
   
   
   
   
    
    </div>
   
   
   
   
    
    

   
   
   
   
    
    .con{float:left;}
   
   
   
   
    
    .con img{max-width:100%;height:auto;}