萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> DivCSS教程 >> ie6,7下空DIV無任何內容時占據空間問題解決

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>

copyright © 萬盛學電腦網 all rights reserved