关于浏览器兼容问题的总结（不定时更新）

版权声明：本文为博主原创文章，未经博主允许不得转载。（转载请指明出处） 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>

2、设置border-radius