你對IE6下CSS定義DIV高度的方法是否了解，這里和大家分享一下，相信通過本文的學習你對IE6下使用CSS定義DIV高度的方法一定會有深刻的認識。

IE6下CSS定義DIV高度的問題

IE6下默認的字體尺寸大致在12–14px之間，當你試圖定義一個高度小于這個默認值的DIV的時候，IE會固執的認為這個層的高度不應該小于字體的行高。所以即使你用height:4px;來定義了一個DIV的高度，實際在IE下顯示的仍然是一個12px左右高度的層。添加overflow:hidden解決問題。

＜ div style=”height:4px;overflow:hidden;”>＜/div> 
 

在IE6中，使用CSS定義DIV的高度的時候經常遇到這個問題，就是當DIV的最小高度小于一定的值以后，就會發現，無論你怎么設置最小高度，Div的高度會固定在一個值不再發生變動，這個問題很是煩人。如下面的情況。

HTML代碼 

＜html> 
 
＜head> 
＜title> 
 
＜/title> 
 
＜styletype="text/css"> 
 
＜!--#testdiv{background:#009900;height:3px;}-->＜/style>＜/head>＜body> 
＜divid="testdiv"> 
 
＜/div> 
＜/body> 
 
＜/html> 

這是因為在IE6中，系統默認的并非是Div有一個默認的高度，而是你沒有解決一個隱藏的參數，font-size，這個是ie6中對于Div屬性中的font-size大小和你系統css中定義的font-size有很大關系，因此必須單獨定義這個Div的font-size，這樣才能解決這個問題。更改后的代碼如下。
HTML代碼 

＜html> 
 
＜head> 
 
＜title> 
 
＜/title> 
 
＜styletype="text/css"> 
 
＜!--#testdiv{background:#009900;height:3px;font-size:0px;}-->＜/style>＜/head>＜body>＜divid="testdiv"> 
 
＜/div> 
 
＜/body> 
 
＜/html> 

【編輯推薦】

1. 區分IE6 IE7和IE8瀏覽器行之有效的辦法
2. 探究IE8與IE7具體功能中窗口功能按鈕的變化
3. IE6 IE7 IE8三個版本的CSS兼容速查手冊
4. 探秘IE8 JavaScript功能超乎想象
5. 技術前沿 一段JS代碼輕松解決IE6-IE8的兼容性問題