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>