常见的浏览器样式兼容问题?

1、IE双边距

2、margin加倍问题

设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。解决方案是在这个div里面加上display:inline; 

3、浮动

4、垂直居中

5、盒模型

6、IE6下图片有间隙

7、无法定义1px高度的容器

8、ff和IE父元素的区别

IE: obj.parentElement

FF: obj.parentNode

9、CSS透明度兼容问题

10、元素居中问题

FF:margin:0 auto;

IE: 父级元素加text-align:center;

11、设置较小高度标签(一般小于10px):

问题:IE6、7和遨游里这个标签的高度不受控制,超出自己设置的高度

解决:给超出高度的标签设置overflow:hidden;或者设置行高line-height 小于你设置的高度。

12、行内属性标签,设置display:block后采用float布局,又有横行的margin的情况,IE6间距bug

问题:IE6里的间距比超过设置的间距

解决:在display:block;后面加入display:inline;display:table;

13、标签最低高度设置min-height不兼容

问题:因为min-height本身就是一个不兼容的CSS属性,所以设置min-height时不能很好的被各个浏览器兼容

解决:如果我们要设置一个标签的最小高度200px,需要进行的设置为:{min-height:200px; height:auto !important; height:200px; overflow:visible;}

原文地址:https://www.cnblogs.com/WaTa/p/5924574.html