空白 Div 在IE6、7佔據空間的解決方法

如果做網頁有用各家瀏覽器測試的話，可能會遇到一個問題：當在div內無任何內容時，如果給div設置了寬度，這時候div在舊版IE中（IE6、 IE7）就會佔據空間 ( 沒有遵守W3C規範 )，而在FireFox中不佔據空間（正確）。

經過測試，如果給div設定高度（height）和行高 ( line-height )，IE7就顯示正常了，但是IE6一樣會占據空間。最簡單的解決方法是，給div設置高度（height）和溢出（overflow）屬性。

如以下範例：

1.

"width:100%;height:0;overflow:hidden; ">

這樣就確保不會占據空間啦~