CSS兼容

1.IE6双倍边距问题：
    当同时应用margin-left和float:left时，IE6中左边第一个块元素的左边距是设置值的2倍；
 当同时应用margin-right和float:right时，IE6中右边第一个块元素的右边距是设置值的2倍；
 解决方案：
    1.1 设置display:inline;
    1.2 设置_margin-left或_margin-right，其值是正常显示值的一半。

2.文字大小不兼容：
    在不同的浏览器下，相同字号的文字所占空间是不同的，ie下实际占高16px，下留白3px，ff下实际占高17px，上留白1px，下留白3px，opera下就更不一样了。
解决方案：
    给文字设定 line-height 。确保所有文字都有默认的 line-height 值。

3.ie6下图片下方有空隙产生    
    解决这个BUG的方法也有很多，可以是改变html的排版，或者定义img 为display:block或者定义vertical-align属性值为vertical-align:top | bottom |middle |text-bottom,还可以设置父容器的字体大小为零，font-size:0

4.文本与文本输入框垂直方向不对齐：
    解决方案：
   给文本输入框增加vertical-align: middle;属性。

5.form标签在margin问题：
  form标签在ie下会自动产生一个margin值，但是在ff和chrome不会产生
  解决方案：
  给form加css样式margin和padding设为0。

6.IE6下的div高度无法设置的很小：
  IE6下默认的字体是12~14px，当设置一个很小的div高度时，因为这个默认字体行高的问题，设置小于12px左右的div高度会不起作用。
  解决方案：
  添加overflow属性或设置fontsize大小为高度大小。