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

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