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

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;}