溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹了在IE6，IE7 中DIV容器固定高度的使用技巧有哪些，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。
IE6和IE7對CSS的解釋存在很多差別，今天談其中一點：height。
例子：
代碼如下:
<div >
IE6下：如果DIV里的內(nèi)容高度不超過50px，DIV的高度就是50px，如果超過了設(shè)定的值，高度會隨內(nèi)容而撐開，也就是通常說的自適應(yīng)高度。
IE7下：如果DIV里的內(nèi)容高度不超過50px，DIV的高度就是50px，如果超過了設(shè)定的值，DIV的高度仍會固定在50px，多余的內(nèi)容會超過DIV而溢出，如果DIV下面還有其它內(nèi)容，就會和溢出的內(nèi)容重疊在一起。
這顯然是一個非常值得注意的地方，若不處理會引起頁面錯亂。解決這個問題通常分兩種情況：
一，高度為主：讓DIV的高度固定為50px，多出的內(nèi)容要隱藏，兩個瀏覽器的CSS可一并寫為：
代碼如下:
<div >
，overflow:hidden這個很重要，兼容性全靠他了
二：內(nèi)容為主：讓DIV高度最小為50px，內(nèi)容過多時DIV高度自適應(yīng)內(nèi)容多少。這時需要用到CSS HACK做一些兼容處理：
<div style="min-height:50px;_height:50px;">，min-height:50px 最小高度，這個IE7和FF可識別，_height:50px 加下劃線目的只讓IE6識別。
感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“在IE6，IE7 中DIV容器固定高度的使用技巧有哪些”這篇文章對大家有幫助，同時也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，更多相關(guān)知識等著你來學(xué)習(xí)!
免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號
手機(jī)網(wǎng)站二維碼
