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

在IE6,IE7 中DIV容器固定高度的使用技巧

IE6和IE7對CSS的解釋存在很多差別,今天談其中一點(diǎn):height 。
例子:
復(fù)制代碼代碼如下:div style="height:50px"

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可一并寫為:
復(fù)制代碼代碼如下:div style="height:50px;overflow:hidden",overflow:hidden這個(gè)很重要,兼容性全靠他了

二:內(nèi)容為主:讓DIV高度最小為50px,內(nèi)容過多時(shí)DIV高度自適應(yīng)內(nèi)容多少 。這時(shí)需要用到CSS HACK做一些兼容處理:
div style=min-height:50px;_height:50px;,min-height:50px 最小高度,這個(gè)IE7和FF可識(shí)別,_height:50px 加下劃線目的只讓IE6識(shí)別 。

    推薦閱讀