IE6，IE7 DIV固定高度的技巧

IE6，IE7 DIV固定高度的技巧

 

作網頁時儘可能是不用設置固定高度的，這樣拓展起來更靈活，若是非要設固定高度，就有一些須要注意的地方。

IE6和IE7對CSS的解釋存在不少差異，今天談其中一點：height。

例子：<div style="height:50px">

IE6下：若是DIV裏的內容高度不超過50px，DIV的高度就是50px，若是超過了設定的值，高度會隨內容而撐開，也就是一般說的自適應高度。
IE7下：若是DIV裏的內容高度不超過50px，DIV的高度就是50px，若是超過了設定的值，DIV的高度仍會固定在50px，多餘的內容會超過DIV而溢出，若是DIV下面還有其它內容，就會和溢出的內容重疊在一塊兒。

這顯然是一個很是值得注意的地方，若不處理會引發頁面錯亂。解決這個問題一般分兩種狀況：

一，高度爲主：讓DIV的高度固定爲50px，多出的內容要隱藏，兩個瀏覽器的CSS可一併寫爲：<div style="height:50px;overflow:hidden">，overflow:hidden這個很重要，兼容性全靠他了

二：內容爲主：讓DIV高度最小爲50px，內容過多時DIV高度自適應內容多少。這時須要用到CSS HACK作一些兼容處理：
<div style="min-height:50px;_height:50px;">，min-height:50px 最小高度，這個IE7和FF可識別，_height:50px 加下劃線目的只讓IE6識別。