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