上邊容器浮動(dòng)后，下邊的容器跟著浮動(dòng)，造成頁面錯(cuò)亂上邊容器浮動(dòng)后，下邊的容器跟著浮動(dòng)，造成頁面錯(cuò)亂的高度時(shí)，footer也跟著浮動(dòng)到sidebar右側(cè)了，造成頁面錯(cuò)亂。解決辦法是在maincontent和footerclear:both;height:0font-size1pxline-height:0px;用clear:both清除，即可使頁面正常當(dāng)子元素浮動(dòng)且未知高度時(shí)，怎么使父容器適應(yīng)子元素的高度？當(dāng)子元素浮動(dòng)且未知高度時(shí)，怎么使父容器適應(yīng)子元素的高度？器來自適應(yīng)內(nèi)部容器的高度，zoom:1;IE6而使用的CSSHACK。zoom:1;通不過獨(dú)的樣式，所以可以把這個(gè)屬性寫在頁面內(nèi)的<!--[ifIE]>中，這樣應(yīng)該可以通過驗(yàn)證了相對定位與絕對定位相對定位與絕對定位sIE6IE6雙倍邊距10px20px，解決它的方法是在浮動(dòng)元素上加上disy:inline;的樣式，這樣就可避免雙倍邊距bugIEIE浮動(dòng)注釋在IE6里面DIV與DIV之間或者是SPAN與SPAN之間由于浮動(dòng)并且在這些之間有一些HTMLIE6使用CSSHACK在樣式里面添加_position:relative;IE9IE9LINE-HEIGHT設(shè)置文字不能居中IE9不支持line-height原因：中文ie9相信大家在IE9看見自己使用line-height設(shè)置垂直居中文字不能垂直居中，這是與你設(shè)置字體有關(guān)，通常大家習(xí)慣設(shè)置font-family:Arial,Helvetica,sans-serif;ie9中l(wèi)ine-height只需設(shè)置好字體，添加個(gè)宋體即可解決如CSS代碼font-family:Arial宋體",Helvetica,IEIE下兩個(gè)DIV之間會(huì)出現(xiàn)3個(gè)像素的BUG.描述：IE下兩個(gè)div3個(gè)像素的Bug，這個(gè)bug是在當(dāng)對一個(gè)div用了float元素時(shí)，而令一個(gè)div未使用時(shí)則會(huì)出現(xiàn)?；蛘適argin-left:-3px;#container{margin:0auto;#sidebar{float:left;width:200px;height:500px;background:#9c6;}#sidebar2{float:right;width:200px;height:500px;background:#9c6;}#content{margin:0205px;_margin:0202px;height:500pxbackground:#ffa;}3像素的Bug3像素。只要觸發(fā)IE的hasLayout，非浮動(dòng)元素就會(huì)擁有布局。所以，利用IE6特有的hack規(guī)則，為它單獨(dú)寫樣式就可修復(fù)此問題：_zoom:1;margin-left:value;_margin-left:value-3px;zoom是IE觸發(fā)LayoutIE特有的CSSzoommargin-left:value-3px是修復(fù)IE63px的bug。刪除點(diǎn)擊文字刪除點(diǎn)擊文字 后出現(xiàn)的虛線框一、使用CSS解決法，CSSa<a /"標(biāo)簽最低高度設(shè)置標(biāo)簽最低高度設(shè)置MIN-HEIGHT不兼容在B/S300px，當(dāng)容器中內(nèi)容較多時(shí)，容器高度隨著內(nèi)容增加而拉伸，這個(gè)時(shí)候我們就需要使用min-height來設(shè)置最小高度，但是此屬性本身便具有兼容性問題，因此正確的設(shè)置為{min-height:200px;height:auto!important;height:200px;overflow:visible;}JSBS開發(fā)就難免會(huì)用到j(luò)avascriptjavascript的支持有不同。這就需要我們知道了，這可不太好哦。下面是兼容IE和FF的js做法和分解,以下以IE代替InternetExplorer，以MF/FF代替MozzilaFirefoxWINDOW.EVENTWINDOW.EVENTIE：有window.eventFF沒有window.event對象?？梢酝ㄟ^給函數(shù)的參數(shù)傳遞event鼠標(biāo)當(dāng)前坐標(biāo)鼠標(biāo)當(dāng)前坐標(biāo)IE：event.x和event.y。FF：event.pageX和event.pageY。通用：兩者都有 X和 IE：event.offsetX和event.offsetY。FF：event.layerX和event.layerY。說明:IE下,event對象有srcElement屬性,target屬性;Firefox下,even解決方法:使用obj(obj=event.srcElement?event.srcElement:event.target;)來代替IE下的event.srcElement或者Firefox下的event.target.請同時(shí)注意event的兼容性問題。EVENT.TOELEMENTEVENT.TOELEMENT說明：IE下，even對象有srcElement屬性，但是沒有target屬性；Firefox下，even對象target屬性，但是沒有srcElement屬性vartargete.relatedTarget||XY的坐標(biāo)位置：STYLE.POSLEFT和STYLE.POSTOP通用：object.offsetLeftobject.offsetTop窗體的高度和寬度窗體的高度和寬度 .body.offsetWidth和 要有body。FF：window.innerWidth和window.innerHegiht Width Width添加IE：element.attachEvent("onclick",function);。FF：element.addEventListener("clickfunctiontrue)。通用：element.onclick=function。雖然都可以使用onclick，但是onclick和上面兩種方法的效果是不一樣的，onclick只有執(zhí)行一個(gè)過程，而attachEvent和addEventListenerfunc1);element.attachEvent("onclickfunc2)這樣func1和func2的自定義屬性的自定義屬性IE：如果給div1定義了一個(gè)屬性value，可以div1.value和div1["value"]取得該值。FF：不能用div1.value和div1["value"]取。.FORM.ITEM.FORM.ITEM問題 .formName.item("itemName")這樣的語句，不能在MF下運(yùn)行 集合集合/數(shù)組類對象問題現(xiàn)有問題：現(xiàn)有代碼中許多集合類對象取用時(shí)使用()，IE能接受，MF不能。解決方法：改用[]作為下標(biāo)運(yùn)算。如： .forms("formName")改為 ementsByName("inputName")(1)改HTMLHTML對象的ID作為對象名的問題現(xiàn)有問題：在IE中，HTML對象的ID可以作 MF解決方法：用 ementById("idName")代替idName作為對象變量使IDNAME字符串取得對象的問題IEeval(idName)可以取得ididNameHTMLMF中解決方法：用 ementById(idName)代替eval(idName)變量名與某變量名與某HTML對象ID相同的問題現(xiàn)有問題在MF中因?yàn)閷ο骾dHTML對象的名稱所以可以使用與HTML對象相同的變量名，IE解決方法：在變量時(shí)，一律加上var，以避免歧義，這樣在IE中亦可正常運(yùn)行。此外，最好不要取與HTML對象id相同的變量名，以減少錯(cuò)誤。 EMENTSBYNAME() .ALL[NAME]的問題現(xiàn)有問題在IE中，ge .all[name]均不能用來取得div元Firefox可以兼 .all，但會(huì)生成一條警告。可以用 ementById("*")或 不過對 INPUT.TYPINPUT.TYPE屬性問題說明:IE下input.type屬性為只讀;但是Firefox下input.typeWINDOW.LOCATIONWINDOW.LOCATIONHREF問題說明:IE或者Firefox2.0.x下,可以使用window.locationwindow.location.href;Firefox1.5.x下,只能使用解決方法:使用window.location來代替模態(tài)和非模態(tài)窗口問題模態(tài)和非模態(tài)窗口問題說明:IE下,可以通過showModalDialog和showModelessDialog打開模態(tài)和非模態(tài)窗口;Firefox下則不能解決方法:直接使用window.open(pageURL,name,parameters)如果需要將子窗口中的參數(shù)傳遞回父窗口,可以在子窗口中使用window.opener來父窗口.例如：varparWin=window.opener; ementById("Aqing").value=FRAMEFRAME問題以下面的frame<framesrc="xxx.html"mce_src="xxx.html"id="frameId"name="frameName"(1)frame對象IE:使用window.frameId或者window.frameName來這個(gè)frame對象.frameIdFF:只能使用window.frameName來這個(gè)frame對象另外，在IE和Firefox中都可以使用window. 問這個(gè)frame對象.(2)切換frame內(nèi)容在IE和Firefox中都可以使用window. ementById("testFrame").src="xxx.html"或window.frameName.location="xxx.html"來切換frame的內(nèi)容.如果需要將frame中的參數(shù)傳回父窗口(注意不是opener,parentframe)，可以在中使用parent來父窗口。例如 FirefoxFirefoxbodyBODY問題//委托方 .body.onload=inject;//Functioninject()在這之前已被實(shí)現(xiàn) .body.onload=inject();//firefox與IE的父元素(paren 解決方法:FFIEDOM,obj.parentNode//innerTextIEinnerTextFireFox中卻不行.//FireFox中設(shè)置HTML的style時(shí)，所有位置性和字體尺寸的值必須后跟px。這個(gè)ie//selectoptions枚舉元素除了[]外，SelectName.options.item()也是可以的,另外SelectName.options.add/remove都可以在兩種瀏覽器上使用。add后賦值元素，否則會(huì)失敗selectselectselectIEFF動(dòng)態(tài)刪除通用方法： FFsetCapture()、releaseCapture()方法if(!window.captureEvents){}else}

}e