IE下DIV最小高度不能爲0的解決方法

在網頁佈局時常會用到 DIV 來顯示一些邊角背景，需要設置較小的高度，默認情況下，IE6 中設置 DIV 較小高度會不起作用，在 IE7、FF 等瀏覽器不存在這個問題。
IE6 下默認的字體尺寸大致在 12 - 14px 之間，當你試圖定義一個高度小於這個默認值的 DIV 的時候， IE6 會固執的認爲這個層的高度不應該小於字體的行高。所以即使你用 height:5px; 來定義了一個 DIV 的高度，實際在 IE6 下顯示的仍然是一個 12px 左右高度的層。

要解決這個問題，可以強制定義該 DIV 的字體尺寸，或者定義 overflow 屬性來限制 DIV 高度的自動調整。比如:

<div style="height: 5px; font: 0px Arial; line-height:0;"></div>

或者

<div style="height: 5px; overflow: hidden;"></div>

值得注意的是，設置 font-size:0 時這個容器的高度最小爲 2px ，如果要設置 DIV 高度爲 0 或 1px ，則需要使用 overflow:hidden; 來實現