关于浏览器兼容问题：
一：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;