ie6 ie7 ff等瀏覽器不兼容原因及解決辦法

納幾點html編碼要素，望能指點各位：設(shè)定line-height。確保所有文字都有默認(rèn)的line-height值。這點很重要，在高度上我們不能容忍1px的差異。易給容器定義height。內(nèi)容會盡可能撐開容器寬度，ie破的浮動容器需要定義width。<divstyle=”border:1pxsolid b.<divstyle=”border:1pxsolidc.<divstyle=”border:1px solidred;overflow:hidden”></div>用，<divstyle=”height:10px;overflow:hidden”></div>，height值怪表現(xiàn)讓我們無所適從。以下列出ie6的種種劣跡。margin-right實際效果是數(shù)值的2倍。解決方案，給浮動容器定義mirrormarginbug，當(dāng)外層元素內(nèi)有float元素時，外層元素如定義borderfloat吞吃現(xiàn)象，限于篇幅，我就不展開了。還是ie6，上下兩個div，上面的div設(shè)置背景，卻發(fā)現(xiàn)下面沒有設(shè)置背景的div也有了背景，這就是吞吃現(xiàn)zoom:1zoomie6bug注釋bug~~~“bug注釋的多少而變。解決方案：用“<!–[if!IE]>picRotatestart<li/>float<div/>，這是一個典型的，棘手的兼容問題，希望引起大題。在《ulcssie6doublemarginbugdisplay:inline，這也是cssul上會讓你痛苦不堪。點到為止，這里不能多說哈。<imgsrc=””mce_src=””<imgsrc=””mce_src=””</divie6line-heightimg和文字都float起來。imgieff都不會讓你滿意。索性讓img和文字都floatmargin調(diào)整。鏈接里包含的圖片寬度變化，可惜在ie6下無效，ie7、ff下有效。ff下才有效果。鼠標(biāo)點擊img不會有鏈接效果，ff、op下正常。的不兼容問題不需要另起csshack的。浮動的li呢？<ul><liclass=”c”></li></ul>或者<ul><li><div>class=”c”></div></li></ul><ul><li></li><div>class=”c”></div></ul><!DOCTYPEhtmlPUBLIC-//W3C//DTDXHTML1.0Transitional//EN<style.bd{border:1pxsolidul.ex{list-ul.exli{float:left;border:1pxsolid<ul<div<divclass=bdstyle=margin-么了？要素：doctype必須有，ie6、ie7margin-top:19px還好好的，margin-top:20pxclearulzoom:1（lizoom:1某些margin值也會失效<div<divstyle=”clear:both;margin-ieoverflow:hiddenposition:absoluteposition:relative無效。解決方案：給overflow:hidden加overflow-y的特性，ie7、ff不支持。層將被撐大。解決方案給內(nèi)層相對層float屬性。給中間的所有浮動層加width:100%才行，累啊。opera這點倒學(xué)乖了跟了類別