页面兼容问题

1.重置标签
   *{padding:0;margin:0}
2.IE6双倍边距
  1）要为块状元素；
  2）要左侧浮动；
  3）要有左外边距(margin-left)；满足这三个条件会出现双倍边距
   解决方案：在相应的块状元素的CSS属性中加入“display:inline;”就可以了。

3

#content{
      height:960px !important;
      height:900px;
}
IE7/IE8/IE9/FireFox可以识别上面附加“!important”的语句，看到附加“!important”的语句后，就不会再去执行第二句
附加“!important”的语句拥有绝对优先级，只要有它存在，第二句就不允许执行。
IE6虽然可以识别但是会无视!important,IE6会执行“!important”的语句后，再去执行第二句“height:900px”,用后面的
样式覆盖了前面的样式，所以在IE6下，最终的height值是900px。
#content{
      height:960px;
     *height:900px;
}
 IE8/IE9/FireFox不能识别附加有*的CSS属性语句，所以IE8/IE9/FireFox只能读第一句“height:960px;”而忽略第二句，
IE6/IE7可以识别附加有*的CSS属性语句，也就是说第一句和第二句都认识，所以它们先读第一句，将高度定为960px，而后又读第二句“*height:900px;”，将高度从960px修改为900px，所以我们在IE中看到的最终效果就是高度为900px;