IE Firefox在css中的差別 (部分)

2024-07-11 08:44:36

字體：大中小

來源：轉載

供稿：網友

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.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模擬表格對角線

下一篇：不用js可以實現信息提示效果