日本免费全黄少妇一区二区三区-高清无码一区二区三区四区-欧美中文字幕日韩在线观看-国产福利诱惑在线网站-国产中文字幕一区在线-亚洲欧美精品日韩一区-久久国产精品国产精品国产-国产精久久久久久一区二区三区-欧美亚洲国产精品久久久久

  1. 首頁 > 云知道 > >

部分 IE Firefox在css中的差別

云知道

1、單位問題

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

2、水平居中
問題：div里的內(nèi)容 ， ie默認(rèn)為center ， 而ff默認(rèn)left
解決：mairgin:0px auto;

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

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

5、最大/小寬度問題
問題：min-width,max-width只是ff的命令 ， 如何讓ie實現(xiàn)同樣的效果
解決：ie不認(rèn)識min-和max- ， 實際ie認(rèn)為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、游標(biāo)狀態(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ū)別

    推薦閱讀