常见的浏览器兼容性问题和解决方法

1.不同浏览器的标签，默认的margin和padding不同。
解决方案：css开头加一行*{margin:0;padding:0}或者设置每个标签的{margin：0;padding:0}
2.在块属性标签float后，有横向的margin的情况下，在IE6下显示的margin比设置的大，
解决方案：在float的标签样式控制中加入display:inline;将其转化为行内属性。
3.设置较小高度标签（一般小于10px），在IE6，IE7，高度超出设置的高度。
原因：在IE8之前的浏览器都会给标签设置一个最小的默认的行高的高度，即使你的标签是空的，这个标签的高度还是会达到默认的行高。
解决方案：给超出高度的标签设置overflow:hidden;或者设置行高line-height小于你设置的高度
4.行内属性标签，设置display：block后采用float布局，又有横向的margin的情况，IE6间距出现bug
解决方案：在display：block；后面加入display：inline；display：table；。
5.图片默认有间距。几个img标签放在一起，有些浏览器会有默认的间距，即使加了margin:0;padding:0;也不起作用。
解决方案：使用float属性为img布局
6.标签最低高度设置min-height不兼容。
解决方案：如果要设置一个标签的最小高度200px，需要进行的设置为：
{min-height：200px；height：auto ！important；height：200px；overflow：visible；}
7.各种特殊样式的兼容，比如透明、圆角、阴影等，就需要根据浏览器在属性前面加前缀。