关于浏览器兼容问题：

一：margin加倍显示的问题。

最常见的兼容问题是在块元素添加float属性，再添加横向margin时，margin会加倍显示，这时需要给元素添加属性，display:inline;,将块元素转化为行内元素。

说白了，为了提高网页的兼容性：一般都是float+margin:left/right+dispaly:inline;

二：img边框问题

img标签在部分浏览器中会有间距的问题，我们只需要给img元素添加float属性即可消除间距。不提倡使用margin的负数来调整间距或者其他问题，margin的负数形式本来就容易引起浏览器兼容问题。

三：通配符消除浏览器默认的补丁。

在部分浏览器中有默认的margin和padding的值，我们需要在样式中添加*{

margin :0;padding：0；}

四：在IE6,7 和遨游中元素的高度通常不受控制，我们只需要给元素添加属性：overflow：hidden；或者设置line-height值小于height的值。

五：利用浏览器的不同识别度来设置CSS的兼容：

比如以下代码:

height:300px;*height:200px;_height:100px;

普通浏览器只能识别height：300px;所以元素在普通浏览器中显示为300px;

IE7和遨游浏览器能识别到*height：200px;不再继续往下读取，所以元素显示为200px;

IE6能识别*，_,所以能读取到height为100px;

浏览器兼容