IE Firefox在css中的差別 (部分)
發(fā)布時間：2009-04-03 01:14:17 作者：佚名 
我要評論
我要評論1、單位問題
問題：任何距離的數(shù)值ie可以不加單位，ff必須要求寫單位（0除外）
解決：寫全單位如padding:0px;
2、水平居中
問題：div里的內容，ie默認為center，而ff默認left
解決：mairgin:0px auto;
3、高度問題
問題：如果設置了一個DIV的高度，當DIV里實際內容
1、單位問題
問題：任何距離的數(shù)值ie可以不加單位，ff必須要求寫單位（0除外）
解決：寫全單位如padding:0px;
2、水平居中
問題：div里的內容，ie默認為center，而ff默認left
解決：mairgin:0px auto;
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ū)別
問題：任何距離的數(shù)值ie可以不加單位，ff必須要求寫單位（0除外）
解決：寫全單位如padding:0px;
2、水平居中
問題：div里的內容，ie默認為center，而ff默認left
解決：mairgin:0px auto;
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ū)別
相關文章
這篇文章主要介紹了淺談原生頁面兼容IE9問題的解決方案，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起2020-12-16- 這篇文章主要介紹了新版chrome瀏覽器設置允許跨域的實現(xiàn),文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起2020-11-30
css hack之\9和\0就可能對hack IE11\IE9\IE8無效
每次設計一張網(wǎng)頁或一個表單，都被各種瀏覽器的兼容問題傷透腦筋，尤其是IE家族。在做兼容性設計時，我們往往會使用各種瀏覽器能識別的獨特語法進行hack，從而達到各種瀏覽2020-03-20css區(qū)分ie8/ie9/ie10/ie11 chrome firefox的代碼
這篇文章主要介紹了css區(qū)分ie8/ie9/ie10/ie11 chrome firefox的代碼,需要的朋友可以參考下2020-03-20
這篇文章主要介紹了解決CSS瀏覽器兼容性問題的4種方案，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學2020-02-28
這篇文章主要介紹了常見的瀏覽器兼容性問題(小結)，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學2020-02-20
這篇文章主要介紹了border-radius IE8兼容處理的方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學2020-02-12- 這篇文章主要介紹了淺談遇到的幾個瀏覽器兼容性問題，詳細的介紹了幾種我遇到的問題和解決方式，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-09-26
這篇文章主要介紹了base64圖片在各種瀏覽器的兼容性處理的相關資料,小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-09-14
這篇文章主要介紹了對常見的css屬性進行瀏覽器兼容性總結(推薦)的相關資料,小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-07-20
