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

<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;}

---------

ie8下图片消失。是由于浮动引起的bug。

 

网上查找到的解决方案：
1).con设置宽度

2)img去掉max-width:100%

3)img宽高属性去掉，或者width:auto

 

但是这个页面要求自适应的，.con不能设置宽度，img的max-width:100%必须设置，且宽高属性不能去掉。

 

最终的解决方案：

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

.con img{width:auto\0;max-width:100%;height:auto;}