本文和大家重點討論一下IE與Firefox瀏覽器差異與常見問題一覽，主要從八個方面來向大家介紹，相信本文介紹一定會讓你有所收獲。

創(chuàng)新互聯(lián)建站自2013年創(chuàng)立以來，先為十堰等服務建站，十堰等地企業(yè)，進行企業(yè)商務咨詢服務。為十堰企業(yè)網站制作PC+手機+微官網三網同步一站式服務解決您的所有建站問題。

IE與Firefox差異與常見問題一覽

又是一篇介紹IE與Firefox下兼容性產生差異的文章。瀏覽器之間可以達成共協(xié)，對網頁編寫者來說期待著這一天。

1、單位問題

問題：任何距離的數(shù)值IE可以不加單位，ff必須要求寫單位（0除外）
解決：寫全單位如padding:0px;

2、水平居中

問題：div里的內容，IE默認為center，而ff默認left
解決：mairgin:0pxauto;

3、高度問題

問題：如果設置了一個DIV的高度，當DIV里實際內容大于所設高度，IE會自動拉伸以適應DIV容器大小，ff會固定DIV的告訴，超過部分超出DIV底線以外，出現(xiàn)和下面的內容重疊的現(xiàn)象
解決：控制恰當?shù)母叨龋蛘卟粚?，讓瀏覽器自動調節(jié)高度，或者設置overflow:hidden;

4、clear:both;

問題：如果上面用float控制了n列DIV，下面IE會自動檢測自動排列，ff則可能很不老實，到處亂動
解決：float結束后的下一個標簽加clear:both;以結束float的控制

5、最大/小寬度問題

問題：min-width,max-width只是ff的命令，如何讓IE實現(xiàn)同樣的效果
解決：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、游標狀態(tài)

問題：cursor:hand;僅IE支持，顯示手指狀態(tài)
解決：使用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顯示寬度稍有區(qū)別

文章來源:Div-Css.net設計網參考:http://www.div-css.net/div_css/topic/index.asp?id=7162

網頁題目：IE與Firefox瀏覽器差異與常見問題一覽
鏈接地址：http://uogjgqi.cn/article/cdpheod.html