ie6,ie7ff等浏览器不兼容原因及解决办法

1、点 html 编码要素，望能指点各位：文字font-size:14px上留白 1px，下留白 3px，opera 下就更不一样了。解决方案：给文字设定度上 1px 的差异。ff 下容器高度限定，即容器定义了 height 之后，容器边框的外形就确定了，不ie定义 height。还内容撑破容器问题，横向上的。如果 float 容器未定义宽度，ff下内容会尽可能撑开容器宽度，ie浮动容器需要定义 width。div style=”border:1px solid b.divstyle=”border:1pxsolid c.div style=”border:1px d.div style=”bor

2、der:1px 上面的代码在不同浏览器中是不一样的，实验于对小height值div的运用，/divheight浮动的清除，ff 无所适从。以下列出 ie6 的种种劣迹。margin-right 实际效果是数值的 2 倍。解决方案，给浮动容器定义 mirrormargin bug，当外层元素内有 float 元素时，外层元素如定义 件，还没系统整理。解决方案：外层元素设定 border 或 设定 float。引申：ff ie 下对容器的margin-bottom，padding-bottom 的解释有时不一吞吃ie6，div，div设置背景，却发现下面没有设置背景的 div 也有了背景，这就是吞

3、吃现象。对zoomie6 bug 而生的。里加 float ，这是一个典型的，棘手的兼容问题，希望引起大家li 不同的属性会有不同的解释效果，ff 下的解释稍可理解，ie6的解释会让你摸不着头脑，由于问题的复杂性，将另起一文专门该问题。在ul 使用心得一文里有相关成果，却没给出问题解决的过程。使用了“float:left;display:inline”的 ul css是针对ie6下的doublemarginbug 而加上的display:inline，这也是 css体系里的重要一环，在ul 使用心得一文中有相关阐述。而这句 css 用在 ul上会让你痛苦。点到为止，这里不能多说哈。img im

4、g src=” mce_src=” 把 div 的 border 打开，你发现底部不是紧贴着容器底部的，是 img 后面的img src=” mce_src=” display:block很遗憾，在ie6 下单行文字 line-height 效果了。，原因是 inline-blockinlineimg都 float 起来。会让你满意。索性让 img 和文字都 floatmargin 调整。接里包含的宽度变化，可惜在 ie6 下无效，ie7、ff 下有效。block 化的a标点击 img 不会有效果，ff、op 下正常。不兼容问题不需要另起 css hack 的。无法彻底清除的 float。如果

5、让 ul 下的 li 具有了 float 属性，如何 class=”c”class=”c”style .bdborder:1px solid ul.exlist-ul.ex lifloat:left;border:1px solid ul div div class=bd style=margin-iemargin-top:19pxmargin-top:20px了？要素：doctype 必须有，ie6、ie7margin-top:19px 还好好的， margin-top:20pxclear 层换不同ulzoom:1（lizoom:1引申：clear 层应该单独使用。也许你为了节省代码把 cl

6、ear 属性直接放到下面的一个内容层，这样有问题，不仅仅是 ff op 下失去 margin 效果，ie 下某些 margin 值也会失效divdivstyle=”clear:both;margin-ieoverflow:hiddenposition:absolute 或者相对层 ie7、ff 不支持。 ie6 下的 bug，绝对定位的 div 下包含相对定位的 div，如果给内层相对定位的 div 高度 height 具体值，内层相对层将具有 100%的 width 值，外层绝对层将被撑大。解决方案给内层相对层 float 属性。ie6下的bug，内有的情况下， 终于来了个 ff 的缺点。width:100%这个东西在 ie