武林網(www.49028c.com)文章簡介：CSS實例教程;IE6下CSS定義DIV高度的問題.
IE6下默認的字體尺寸大致在 12 – 14px 之間，當你試圖定義一個高度小于這個默認值的 div 的時候， IE 會固執的認為這個層的高度不應該小于字體的行高。所以即使你用 height:4px; 來定義了一個 div 的高度，實際在 IE 下顯示的仍然是一個 12 px 左右高度的層。添加overflow: hidden解決問題。
<div style=”height: 4px; overflow: hidden;”></div>
在IE6中，使用CSS定義DIV的高度的時候經常遇到這個問題，就是當DIV的最小高度小于一定的值以后，就會發現，無論你怎么設置最小高度，Div的高度會固定在一個值不再發生變動，這個問題很是煩人。如下面的情況。
HTML代碼
<html> <head> <title></title> <style type="text/css"> <!-- #testdiv { background: #009900; height: 3px; } --> </style> </head> <body> <div id="testdiv"></div> </body> </html>
這是因為在IE6中，系統默認的并非是Div有一個默認的高度，而是你沒有解決一個隱藏的參數，font-size，這個是ie6中對于Div屬性中的font-size大小和你系統css中定義的font-size有很大關系，因此必須單獨定義這個Div的font-size，這樣才能解決這個問題。更改后的代碼如下。
HTML代碼
<html> <head> <title></title> <style type="text/css"> <!-- #testdiv { background: #009900; height: 3px; font-size: 0px; } --> </style> </head> <body> <div id="testdiv"></div> </body> </html>
新聞熱點
疑難解答
