常见的浏览器兼容性问题

第一类 块状元素float后，又添加了横向的margin，在IE6下比设置的值要大：

    解决方案：给float标签添加display: inline 将其转换为行内元素

第二类 表单元素行高不一致

    解决方案： 给表单元素添加float：left 或 vertical-align：middle

第三类 设置较小高度的容器，在IE6下不识别小于10px的高度

    解决方案：给容器添加overflow：hidden

第四类 在a标签中嵌套img标签时，在某些浏览器中img会有蓝色边框

    解决方案：给img添加border：0  或border：none

第五类 min-height在IE6下不兼容

    解决方案：min-height: value   _height: value
        或者是：min-height: value  height:auto!important height: value

第六类 图片默认有间隙：

    解决方案： 给img标签添加左浮动 float：left
               给img标签添加display：block

第七类 按钮默认大小不一

    解决方案：用a标签来模拟按钮添加样式
        如果按钮是一张背景图  那么直接给按钮添加背景图

第八类 百分比的bug：父元素宽度为100% 子元素宽度各50% 在IE6下各个元素宽度纸盒超过100%

    解决方案：给右边浮动的子元素添加clear:right

第九类 鼠标指针bug cursor：hand

    解决方案：cursor：pointer IE6以上浏览器及其他内核浏览器都识别

第十类 透明度属性 针对IE浏览器 filter：alpha (opacity= value) 取值范围 1-100

    解决方案：opacity：value（取值范围：0-1）

第十一类 上下marign的重叠问题

     给上边元素设置了marign-bottom，给下边元素设置了marign-top，浏览器只会识别较大值
    解决方案：marign-top和margin-bottom 中选择一个只设置其中一个值