常见浏览器兼容性问题及解决方案：
1.不同浏览器的默认内外边距和内外补丁不同。
解决方案：css设置 *{margin:0; padding:0;}
*是通配符，匹配所有html标签。
2.块级元素float之后，又有横向margin时，IE6显示margin比设置的大，表现为最后一个元素被挤到下一行。
解决方案：给float元素添加display:inline;
3.设置较小高度(小于10px)，在IE6、IE7、遨游浏览器会不受控制，超过设置的高度，撑高到浏览器的默认最小高度。
解决方案：给超出高度的标签添加overflow:hidden;或设置行高line-height小于你设置的高度。
4.行内元素设置display:block后采用float布局,又有横向margin的情况，IE6间距bug。
解决方案：在该元素的diaplay:block后添加diaplay:inline;display:table;
5.图片默认有间距：多个img放在一起时，不同的浏览器会有默认的间距，即使设置了通配符也没有效果。
解决方案：给img标签采用float布局。
6.标签最低高度min-height不兼容。
解决方案：设置方式为
{min-height:200px;height:auto !important;height:200px;overflow:visible;}
7.透明度的兼容性问题。
解决方案：使用css hack。
IE6认识的hacker是下划线_和星号*
IE7、遨游认识的hacker是星号*
例如：
{height:300px;*height:200px;_height:100px;}