1. 首頁 > 生活經驗 > >

部分 IE Firefox在css中的差別

1、單位問題

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

2、水平居中
問題：div里的內容，ie默認為center，而ff默認left
解決：mairgin: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{
min-width: 700px;
max-width: 1000px;
width:expression(document.body.clientWidth700 ? 700px : document.body.clientWidth1000 ? 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顯示寬度稍有區別

相關經驗推薦