IE Firefox在css中的差別 部分

2022-10-05 00:45:17 字數 1140 閱讀 4904

1、單位問題

問題:任何距離的數值ie可以不加單位,ff必須要求寫單位(0除外)

解決:寫全單位如padding:0px;

2、水平居中

問題:div裡的內容,ie預設為center,而ff預設left

解決:mairgwww.cppcns.comin:0px auto;

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

6、!important支援

問題:ff支援ie不支援

解決:無。ie會忽略。

7、游標狀態

問題:cursor:hand;僅ie支援,顯示手指狀態

解決:使jsdyoeu用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顯示寬度稍有區別

本文標題: ie firefox在css中的差別 (部分)

本文位址: /web/css/27377.html

CSS相容IE Firefox要點

首先我們說說firefox和ie對css的寬度顯示有什麼不同 其實css width 指的是標準css中所指的width的寬度,在firefox中的寬度就是這個寬度。它只包含容器中內容的寬度。而internet explorer width 則是指整個容器的寬度,包括內容,padding borde...

CSS相容IE Firefox要點總結

首先我們說說firefox和ie對css的寬度顯示有什麼不同 其實css width 指的是標準css中所指的width的寬度,在firefox中的寬度就是這個寬度。它只包含容器中內容的寬度。而internet explorer width 則是指整個容器的寬度,包括內容,padding borde...

相容ie,firefox的callback方法

function callback args,datasxmldoc common showmonthreport.xsl try catch e 相容ie,firefox的callback方法,這是乙個xsl解晰xml得到 html字串的方法。quote 引數說明 datasxmldoc 為 xm...