本文和大家重點討論一下IE與Firefox浏覽器差異與常見問題一覽，主要從八個方面來向大家介紹，相信本文介紹一定會讓你有所收獲。
IE與Firefox差異與常見問題一覽
又是一篇介紹IE與Firefox下兼容性產生差異的文章。浏覽器之間可以達成共協，對網頁編寫者來說期待著這一天。
1、單位問題
問題：任何距離的數值IE可以不加單位，ff必須要求寫單位（0除外）
解決：寫全單位如padding:0px;
2、水平居中
問題：div裡的內容，IE默認為center，而ff默認left
解決：mairgin:0pxauto;
3、高度問題
問題：如果設置了一個DIV的高度，當DIV裡實際內容大於所設高度，IE會自動拉伸以適應DIV容器大小，ff會固定DIV的告訴，超過部分超出DIV底線以外，出現和下面的內容重疊的現象
解決：控制恰當的高度，或者不寫，讓浏覽器自動調節高度，或者設置overflow:hidden;
4、clear:both;
問題：如果上面用float控制了n列DIV，下面IE會自動檢測自動排列，ff則可能很不老實，到處亂動
解決：float結束後的下一個標簽加clear:both;以結束float的控制
5、最大/小寬度問題
問題：min-width,max-width只是ff的命令，如何讓IE實現同樣的效果
解決：IE不認識min-和max-，實際IE認為min-width、max-width和width效果一樣，可以用下面方法解決
- #cctext{
- min-width:700px;
- max-width:1000px;
- width:expression(document.body.clIEntWidth<700?"700px":document.body.clIEntWidth>1000?"1000px":"auto");
- }
6、!important支持
問題：ff支持IE不支持
解決：無。IE會忽略。
7、游標狀態
問題：cursor:hand;僅IE支持，顯示手指狀態
解決：使用cursor:pointer;IE和ff都支持
8、實際像素
IE/Opera：對象的實際寬度=(margin-left)+width+(margin-right)
Firefox/Mozilla：對象的實際寬度=(margin-left)+(border-left-width)+(padding-left)+width+(padding-right)+(border-right-width)+(margin-right)
所以排列好及列的表格時IE和ff顯示寬度稍有區別
文章來源:Div-Css.net設計網參考:http://www.div-CSS.Net/div_CSS/topic/index.ASP?id=7162
【編輯推薦】