IE6下默認(rèn)的字體尺寸大致在 12 - 14px 之間,當(dāng)你試圖定義一個(gè)高度小于這個(gè)默認(rèn)值的 div 的時(shí)候, IE 會(huì)固執(zhí)的認(rèn)為這個(gè)層的高度不應(yīng)該小于字體的行高。所以即使你用 height: 6px; 來(lái)定義了一個(gè) div 的高度,實(shí)際在 IE 下顯示的仍然是一個(gè) 12 px 左右高度的層。
要解決這個(gè)問(wèn)題,可以強(qiáng)制定義該 div 的字體尺寸,或者定義 overflow 屬性來(lái)限制 div 高度的自動(dòng)調(diào)整。比如 <div style="height: 6px; font: 0px Arial;"></div> 或者 <div style="height: 6px; overflow: hidden;"></div> 都可以阻止 IE 的自作聰明。
該問(wèn)題在 IE7 / Firefox /Opera 下均不存在。