你對IE6下CSS定義DIV高度的方法是否了解，這里和大家分享一下，相信通過本文的學(xué)習(xí)你對IE6下使用CSS定義DIV高度的方法一定會(huì)有深刻的認(rèn)識(shí)。

IE6下CSS定義DIV高度的問題

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

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

在IE6中，使用CSS定義DIV的高度的時(shí)候經(jīng)常遇到這個(gè)問題，就是當(dāng)DIV的最小高度小于一定的值以后，就會(huì)發(fā)現(xiàn)，無論你怎么設(shè)置最小高度，Div的高度會(huì)固定在一個(gè)值不再發(fā)生變動(dòng)，這個(gè)問題很是煩人。如下面的情況。

HTML代碼 

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

這是因?yàn)樵贗E6中，系統(tǒng)默認(rèn)的并非是Div有一個(gè)默認(rèn)的高度，而是你沒有解決一個(gè)隱藏的參數(shù)，font-size，這個(gè)是ie6中對于Div屬性中的font-size大小和你系統(tǒng)css中定義的font-size有很大關(guān)系，因此必須單獨(dú)定義這個(gè)Div的font-size，這樣才能解決這個(gè)問題。更改后的代碼如下。
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. 區(qū)分IE6 IE7和IE8瀏覽器行之有效的辦法
2. 探究IE8與IE7具體功能中窗口功能按鈕的變化
3. IE6 IE7 IE8三個(gè)版本的CSS兼容速查手冊
4. 探秘IE8 JavaScript功能超乎想象
5. 技術(shù)前沿 一段JS代碼輕松解決IE6-IE8的兼容性問題