在IE6，IE7中DIV容器固定高度的使用技巧有哪些-創(chuàng)新互聯(lián)

這篇文章主要介紹了在IE6，IE7 中DIV容器固定高度的使用技巧有哪些，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

創(chuàng)新互聯(lián)是一家專業(yè)提供陽曲企業(yè)網(wǎng)站建設(shè),專注與做網(wǎng)站、網(wǎng)站制作、html5、小程序制作等業(yè)務(wù)。10年已為陽曲眾多企業(yè)、政府機(jī)構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專業(yè)網(wǎng)絡(luò)公司優(yōu)惠進(jìn)行中。

IE6和IE7對(duì)CSS的解釋存在很多差別，今天談其中一點(diǎn)：height。
例子：

代碼如下:

IE6下：如果DIV里的內(nèi)容高度不超過50px，DIV的高度就是50px，如果超過了設(shè)定的值，高度會(huì)隨內(nèi)容而撐開，也就是通常說的自適應(yīng)高度。
IE7下：如果DIV里的內(nèi)容高度不超過50px，DIV的高度就是50px，如果超過了設(shè)定的值，DIV的高度仍會(huì)固定在50px，多余的內(nèi)容會(huì)超過DIV而溢出，如果DIV下面還有其它內(nèi)容，就會(huì)和溢出的內(nèi)容重疊在一起。

這顯然是一個(gè)非常值得注意的地方，若不處理會(huì)引起頁面錯(cuò)亂。解決這個(gè)問題通常分兩種情況：

一，高度為主：讓DIV的高度固定為50px，多出的內(nèi)容要隱藏，兩個(gè)瀏覽器的CSS可一并寫為：

代碼如下:

，overflow:hidden這個(gè)很重要，兼容性全靠他了

二：內(nèi)容為主：讓DIV高度最小為50px，內(nèi)容過多時(shí)DIV高度自適應(yīng)內(nèi)容多少。這時(shí)需要用到CSS HACK做一些兼容處理：

，min-height:50px 最小高度，這個(gè)IE7和FF可識(shí)別，_height:50px 加下劃線目的只讓IE6識(shí)別。

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“在IE6，IE7 中DIV容器固定高度的使用技巧有哪些”這篇文章對(duì)大家有幫助，同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司，，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來學(xué)習(xí)!

網(wǎng)頁名稱：在IE6，IE7中DIV容器固定高度的使用技巧有哪些-創(chuàng)新互聯(lián)
路徑分享：http://weahome.cn/article/dogjsd.html