瀏覽器兼容問(wèn)題是指，不同廠商開(kāi)發(fā)的瀏覽器針對(duì)同一段代碼的不同解析，
造成頁(yè)面展示效果出現(xiàn)差異的情況，很多時(shí)候?yàn)榱俗非箫@示效果的一直，
前端開(kāi)發(fā)人員就要針對(duì)不同兼容問(wèn)題應(yīng)用相應(yīng)的方法處理，
達(dá)到效果一致的目的。
下面這些是平時(shí)開(kāi)發(fā)過(guò)程中遇到的，做個(gè)匯總，方便查閱。
1、<!DOCTYPE HTML>文檔類(lèi)型的聲明
產(chǎn)生條件：IE6瀏覽器，當(dāng)我們沒(méi)有書(shū)寫(xiě)這個(gè)文檔聲明的時(shí)候，
會(huì)觸發(fā)IE6瀏覽器的怪異解析現(xiàn)象；
解決辦法：書(shū)寫(xiě)文檔聲明。
2、橫向雙外邊距
產(chǎn)生條件：在IE6中塊元素浮動(dòng)后（左浮左margin，右浮右margin），
會(huì)出現(xiàn)橫向雙倍margin現(xiàn)象。
解決辦法：在float標(biāo)簽的樣式控制中加入display：inline，
或者左幅右margin，右浮左margin。
3、默認(rèn)行高
產(chǎn)生條件：IE6\IE7遨游瀏覽器；設(shè)置的文字高度超出盒模型內(nèi)容
區(qū)域設(shè)置的高度時(shí)會(huì)影響布局。
解決辦法：給超出高度的標(biāo)簽設(shè)置overflow：hidden；
或?qū)⑽淖值男懈遧ine-height設(shè)置為小于塊的高度
4、不同瀏覽器當(dāng)中，很多的標(biāo)簽的默認(rèn)樣式不同，如默認(rèn)的外補(bǔ)丁內(nèi)補(bǔ)丁。
產(chǎn)生條件：不同瀏覽器
解決方法：利用CSS reset文件進(jìn)行樣式的清除，然后在根據(jù)需要進(jìn)行設(shè)置。
5、img外部的border
產(chǎn)生條件：img外部有a標(biāo)簽，即img標(biāo)簽有鏈接時(shí)
解決辦法：設(shè)置img邊框border：0；
6、經(jīng)典3像素bug
產(chǎn)生條件：IE6瀏覽器，浮動(dòng)塊元素與未浮動(dòng)塊元素處于同一行，有默認(rèn)的3px間距。
解決辦法：設(shè)置非浮動(dòng)元素浮動(dòng)。
7、png格式圖片
產(chǎn)生條件：IE6瀏覽器，不支持透明；
解決辦法：使用JavaScript進(jìn)行處理；或者使用GIF、JPG圖像替代掉png圖片的使用。
8、默認(rèn)行高
產(chǎn)生條件：清浮動(dòng)的時(shí)候，有些人會(huì)采取一種清浮動(dòng)的方法，使用一個(gè)空的div，
然后為這個(gè)div設(shè)置{clear：both}。在大部分瀏覽器當(dāng)中，這樣做是沒(méi)有任何問(wèn)題的，
但是在IE6瀏覽器當(dāng)中，div即使是空的，也會(huì)存在默認(rèn)行高。
解決方法：設(shè)置其高度為0，并設(shè)置overflow：hidden。{height：0；
overflow：hidden；clear：both；}
