ie6,7下空DIV無任何內容時占據空間問題解決

當在 div 標簽內無任何內容時在 IE 中（IE6，IE7）將占據空間，在其他浏覽器中則沒有此現象，其實解決方法很簡單，有此經歷，由此需求的朋友可以參考下本文，希望可以幫助到大家

 

當在 div 標簽內無任何內容時：
<div></div>
如果給 div 元素設置了寬度時，比如 width:100% ，此時 div 在 IE 中（IE6，IE7）將占據空間，而在其他浏覽器中不占據空間。

復制代碼 代碼如下:
<div style="width:100%"></div>

最簡單的方法是，給 div 設置高度（height）和溢出（overflow）屬性：

復制代碼 代碼如下:

<div style = " width : 100 %; height : 0 ; overflow : hidden ; " ></div>