版权声明:本文为博主原创文章,未经博主允许不得转载。(转载请指明出处) https://blog.csdn.net/zhangjing0320/article/details/82117846
1、float和absolute的兼容性问题
代码块:
<div>
<img src="./1.jpg" style="position: absolute;width: 50px;height: 50px;" />
<img src='./3.jpg' style="width: 50px;height: 50px;float: left" />
</div>
结果:(谷歌、360极速和兼容模式、QQ浏览器、IE11、猎豹)
结果:
解决办法:(给父级元素加position:relative,图片1设置为left:0)
<div style="position: relative">
<img src="./1.jpg" style="position: absolute;left: 0;width: 50px;height: 50px;" />
<img src='./3.jpg' style="width: 50px;height: 50px;float: left" />
</div>