总结的一些浏览器的兼容性的问题

1.ff中，如果设置了padding，这个div的宽度width和height就会增加相应的padding值，但是ie不会。所以可以用！important来多设一个宽高给ff看。这个width一定是减去padding的那个值。（ff）width+padding=(ie)width      形如：width：200px !important;

2.ie6的双边距问题，如果为一个div设置了float。又给他设置了margin。那么实际上这个margin会变成原来的两倍。解决方案就是给这个div设置display：inline

3.不同浏览器padding和margin的默认值可能不一样，所以在写样式表时在最开始要写padding：0；margin：0；这样就能统一啦。

4.min-height最低高度不兼容。如果我们希望高度最低不能低于多少时，这时就需要设个啦，但是在ie下是不识别的，所以如果我们要设置一个标签的最小高度200px，需要进行的设置为：{min-height:200px; height:auto !important; height:200px; overflow:visible;}

5.height：300px;*height:200px;_height:100px;那么多高度到底该去哪个呢？这里就涉及到了css hack的问题了。ie6能识别*和_。ie7能识_，不识别*。而ff这两个都不认识。所以这个在ie6的结果是100，ie7是100.ff时候300.而其他的一些浏览器读出来的就是300。（注意这里的顺序）

6..IE6下为什么图片下有空隙产生
解决这个BUG的方法也有很多,可以是改变html的排版,或者设置img 为display:block 或者设置vertical-align 属性为 vertical-align:top | bottom |middle |text-bottom 都可以解决.

7.为什么无法定义1px左右高度的容器
IE6下这个问题是因为默认的行高造成的,解决的方法也有很多,例如:overflow:hidden | zoom:0.08 | line-height:1px。

8.为什么web标准中IE无法设置滚动条颜色了。把body改成html

 html {      scrollbar-face-color:#f6f6f6;      scrollbar-highlight-color:#fff;      scrollbar-shadow-color:#eeeeee;      scrollbar-3dlight-color:#eeeeee;      scrollbar-arrow-color:#000;      scrollbar-track-color:#fff;     scrollbar-darkshadow-color:#fff;      }

13.div设置margin:0 auto时是居中的，但是在ie中还是不行的，这时需要在这个div的父类元素上设置text-align：center

9.ff下文本内容无法撑开容器的高度

如果你想固定高度又想它可以撑开的，那就需要用到min-height。div{height:auto !important;height:200px;min-height:200px;}在这里！important是ff可以识别的。