這篇文章主要講解了“如何使用important解決firefox和ie的css兼容問題”，文中的講解內(nèi)容簡單清晰，易于學(xué)習(xí)與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學(xué)習(xí)“如何使用important解決firefox和ie的css兼容問題”吧！

成都網(wǎng)站建設(shè)公司更懂你！成都創(chuàng)新互聯(lián)只做搜索引擎喜歡的網(wǎng)站！成都網(wǎng)站制作前臺采用搜索引擎認(rèn)可的DIV+CSS架構(gòu),全站HTML靜態(tài),HTML5建站+CSS3網(wǎng)站,提供：網(wǎng)站建設(shè)，微信開發(fā)，微信平臺小程序開發(fā)，商城開發(fā)，成都app軟件開發(fā)，空間域名，服務(wù)器租售，網(wǎng)站代托管運營，微信公眾號代托管運營。

對于某些內(nèi)容可變的層（比如用戶評論），我們希望它有個最小的高度 （比如30px），這樣的話，即使內(nèi)容只有一行字，也不會太難看；同時又希望在內(nèi)容比較多的時候，層的高度能自動撐開，也就是要求height: auto。這時候就可以設(shè)置css的min-height屬性。min-height在Firefox里有效，但I(xiàn)E無法識別。 可以使用下面這個解決方案：

代碼如下:

.div_class{
min-height:30px;
height:auto !important;
height:30px;
}

第一行設(shè)置 min-height:30px;對Firefox有效；第二行height:auto !important;也對Firefox有效，后面緊跟的“!important”是Firefox專用的一個標(biāo)記，帶有這個標(biāo)記的設(shè)置具有高優(yōu)先 級，之后的設(shè)置都無效。所以第三行的height:30px對Firefox無效了；同時，由于IE無法識別min-height和“! important”，所以只有第三行有效，由于IE默認(rèn)就是高度自適應(yīng)的，所以即使設(shè)置了30px的高度，只要內(nèi)容很多，也會自動撐開，不需要設(shè)置 height:auto。最后，上述代碼產(chǎn)生如下效果：

對于Firefox，等同于:

代碼如下:

.div_class{
min-height:30px;
height:auto;
}

對于IE，等同于：

代碼如下:

.div_class{
height:30px;
}

“!important” 是個非常好用的東西，如果你寫過幾個月的跨瀏覽器的CSS代碼，就很容易被Firefox和IE之間的差別而感到惱火。比如padding屬性就是一個例子。

假設(shè)這樣一個層：

代碼如下:

.div_name {
width:100px;
padding:10px;
}

在IE里面，層的寬度是100px，四周的余空為10px；但是對于Firefox，層的寬度變成了100px+10px+10px=120px，對于寬度敏感的設(shè)計來說，整個就混亂了。怎么辦呢？還是求助于“!important”吧。只要這樣寫就可以了：

代碼如下:

.div_name {
width:80px !important;
width:100px;
padding:10px;
}

因為80+10+10=100。正好讓寬度 變成100px。

有時候，我們給一個層加上邊框 ，在Firefox里面也會出現(xiàn)寬度增加的情況，比如：

代碼如下:

.div_name {
width:100px;
padding:10px;
border:2px solid #ccc;
}

上面這個層，在Firefox里面的實際寬度等于100+10+10+2+2=124px，因為邊框也會增加寬度。怎么辦呢，還是靠“!important”，這樣寫就可以了：

代碼如下:

.div_name {
width:76px !important;
width:100px;
padding:10px;
border:2px solid #ccc;
}

感謝各位的閱讀，以上就是“如何使用important解決firefox和ie的css兼容問題”的內(nèi)容了，經(jīng)過本文的學(xué)習(xí)后，相信大家對如何使用important解決firefox和ie的css兼容問題這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司，，小編將為大家推送更多相關(guān)知識點的文章，歡迎關(guān)注！

網(wǎng)頁標(biāo)題：如何使用important解決firefox和ie的css兼容問題-創(chuàng)新互聯(lián)
本文鏈接：http://chinadenli.net/article40/dgphho.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供微信小程序、服務(wù)器托管、網(wǎng)站營銷、App設(shè)計、手機(jī)網(wǎng)站建設(shè)、自適應(yīng)網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)