首页 > 其他分享> > 经常遇到的浏览器兼容性有哪些？如何解决？

经常遇到的浏览器兼容性有哪些？如何解决？

2020-12-31 15:02:50 作者：互联网

　1、浏览器默认的margin和padding不同。解决方案是加一个全局的*{margin:0;padding:0;}来统一。

　　2、IE6双边距bug:块属性标签float后，又有横行的margin情况下，在ie6显示margin比设置的大。解决方案是在float的标签样式控制中加入 display:inline;将其转化为行内属性。测试代码如下：

<html>
<head>
    <title>Demo</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <style type="text/css">
        .one{
            float: left;
            width: 150px;
            height:150px;
            background:#EEE;
            margin: 5px 0 5px 150px;
        }
    </style>
</head>
<body>
    <div class="one">Double Margin Bug(150*150)</div>
</body>
</html>

　　正常的应该是：

　　但在IE6中是这样的：

　　加上display:inline;后才正常。

标签：兼容性,浏览器,哪些,float,IE6,padding,5px,margin,150px
来源： https://www.cnblogs.com/wht123/p/14216159.html